js 以class获取div内容 为什么以ID获取就可以获取的到 以class就不行呢 就打印undefined了

js 以class获取div内容 为什么以ID获取就可以获取的到 以class就不行呢 就打印undefined了,第1张

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

提示: 可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

运用js获取div宽度,原生JS获取DIV的属性有两种方法,js 获取方法命令如下:

currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法。

如果只是单独的获取某个属性值可以这样写:

objcurrentStyle[属性名];这种不兼容-webkit-内核的,

所以一般是封装成一个函数可以到处调用,而且不止针对某个属性值。

function getStyle(obj,styleName){if(objcurrentStyle){return objcurrentStyle[styleName];}else{return getComputedStyle(obj,null)[styleName];

}

}

上面是封装好一个函数,可以直接调用。

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

<body>

<div style="height: 20px;width: 20px;background: #666;" id="node">

</div>

<script>

    // 使用原生JS

    var node = documentgetElementById("node");

    nodestylebackground = "black";

    

    // 

    var node = $("#node");

    nodecss("background", "#111");

</script>

</body>

//获取id="div"的高度

documentgetElementById("div")styleheight//设置id="div"的高度

documentgetElementById("div")styleheight="200px";

以上就是关于js 以class获取div内容 为什么以ID获取就可以获取的到 以class就不行呢 就打印undefined了全部的内容,包括:js 以class获取div内容 为什么以ID获取就可以获取的到 以class就不行呢 就打印undefined了、js 怎样获取div的宽度、js怎么根据div id修改其他div样式等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9683142.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存