如何获取html元素对象属性的值

如何获取html元素对象属性的值,第1张

比如,\x0d\按钮\x0d\jquery: $("#sub")attr("class");\x0d\js: documentgetElementById("sub")attributes["class"]nodeValue;要放在body后面,不然获取不到

<script type="text/javascript">

        $(document)ready(function() {

            $("#select")click(function() {

                var startdate = $("#startdate")datebox('getValue');

                var endate = $("#enddate")datebox('getValue')

                $ajax({

                    type: "post",

                    dataType: "html",

                    url: "/Service/WebServiceashxMethod=GetMealCalendHtml",

                    data: { startDate: startdate, endDate: endate },

                    success: function(json) {

                        $("#calendaPanel")empty();

                        $("#calendaPanel")append(json);

                    }

                });

            });

        });

        function Oncheck(mealdata) {

            $("#" + mealdataid + " input[type=checkbox]")each(function() { consolelog(this) });

        }  

    </script>

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,创建一个div模块,并设置其id属性为mydiv,用于下面使用js获得标签对象。

3、在testhtml文件内,在div标签内,填写一段文字,并加入一个span标签。

4、在testhtml文件内,创建一个button按钮,按钮名称为“获取html”。

5、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

6、在testhtml文件内,在js标签内,创建myfun()函数,在函数内,使用getElementById()方法获得div对象,通过innerHMTL属性获得div内的html内容,最后,使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件,点击按钮,查看获得的html标签内容。

获取点击元素的第一个兄弟元素的文本,可以有如下几种方法

先获取父元素,在获取第一个子元素

直接获取第一个兄弟元素

所有的方法用jQuery 非常好做, 原生js 代码非常繁琐。

最好不要在html中写js,样式,结构,行为要分离

下面我给出了原生js实现功能的一些代码。你试试jquery会非常简单的。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<table>

    <tr>

        <td>111</td>

        <td class="btn">点我</td>

    </tr>

    <tr>

        <td>222</td>

        <td class="btn">点我</td>

    </tr>

</table>

</body>

</html><script>

    var btn = documentquerySelectorAll("btn");

    for(var i=0,l=btnlength;i<l;i++){

        btn[i]onclick = function () {

            var parent = thisparentNode;

            var firstNode = parentchildNodes;

            for(var i=0,l=firstNodelength;i<l;i++){

                if(firstNode[i]nodeType === NodeELEMENT_NODE){

                    alert(firstNode[i]innerText);

                    return false;

                }

            }

        }

    }

</script>

以上就是关于如何获取html元素对象属性的值全部的内容,包括:如何获取html元素对象属性的值、ajax html 如何获取html元素、js 获取 html标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9574790.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存