修改DOM节点属性

修改DOM节点属性

利用Dom可以方便的查询节点,那么查询节点之后如何修改节点的属性呢?比如修改标签内的文字。利用
textContent可以修改。

代码如下

<!DOCTYPE html>
<html>
<body>

<ul id="myList"><li id="item1">Coffee</li><li id="item2">Tea</li></ul>

<p id="demo">点击按钮来获得列表元素的文本内容。</p>


<script>
document.getElementById("myList").textContent="doubi";

</script>

<p><b>注释:</b>Internet Explorer 8 以及更早的版本不支持此属性。</p>

<p><b>注释:</b>文本内容包含所有子节点的文本。</p>

</body>
</html>

分析

document.getElementById("myList").textContent="doubi";
中document.getElementById("myList")获得dom对象,之后再利用点操作符获取其textContent属性。进而修改。

参考

HTML DOM textContent 属性
HTML DOM textContent 属性 | 菜鸟教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容