位置: 编程技术 - 正文
JS中使用DOM来控制HTML元素(js操作dom节点的方法)
编辑：rootadmin推荐整理分享JS中使用DOM来控制HTML元素(js操作dom节点的方法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js中的dom,js dom操作方法,js dom bom,js操作dom节点的方法,js中dom操作,javascript中dom的含义,js domcontentloaded,js中dom操作,内容如对您有帮助，希望把文章链接给更多的朋友！
1.getElementsByName():获取name.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`
例：
结果：界面打印出三个hello，并且伴有一个提示框“3”，当点击确定后，界面显示的内容变为hello hello world
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~··
2.getElementsByTagName():获取元素。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例
结果：界面打印出三个hello，并且伴有一个提示框“3”，当点击确定后，界面显示的内容变为hello hello world
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
3.getAttribute():获取元素属性。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例
结果：弹出提示框“a的ID是：aid”.点击确定后，弹出提示框“a的title内容是：得到a的标签属性”。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~4.setAttribute()设置元素属性。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例
结果：弹出提示框“动态设置的title值为：动态设置a的title属性”。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
5.childNodes():访问子节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~··
例
结果：界面打印出.1 .2 .3弹出对话框“3”，按确定后弹出“1”。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
6.parentNode():访问父节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·
例
结果：弹出提示框：DIV.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
7.createElement():创建元素节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例：
结果:出现一个按钮。
~~~~~~~~~~~~~~~~~~~~~~~~~~~
8.createTextNode():创建文本节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例：
代码分析：这个例子创建了一个新<div>元素并为它指定了值为“message”的class特性。然后，又创建了一个文本节点，并将其添加到前面创建的元素中。最后一步，就是将这个元素添加到了文档中的<body>元素中，这样可以在浏览器中看到新创建的元素和文本节点了。
结果：页面显示hello world。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
9.insertBefore():插入节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
例
结果：界面打印出：动态插入一个p元素
p元素
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.removeChild():删除节点。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·
例
结果：界面什么也没显示。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
.offsetHeight:网页尺寸
.scrollHeight:网页尺寸
~~~~~~~~~~~~~~~~~~~~~~~~~~~·
例：
显示结果：
这篇文章主要介绍了JS DOM 来控制HTML元素，文章内容主要包括关于DOM，HTML等，文章来自网络，请参考。
详细谈谈javascript的对象 javascript中有很多对象内容，挑几个感觉用的比较多的讲解。在网上学习一些和看javascript的学习手册。如果要这个手册的可以留言，看到了我就发给你。
javascript 数组的正态分布排序的问题 最近几天顶着上海°的凉爽天气找工作，心里是开心的不要不要的，每次面试都是要坐那里出半天汗才能回过神来，感觉到了这个世界对我深深的爱意
JavaScript的字符串方法汇总 1.stringObject.charAt()作用:返回字符串的下标varstr="这是一串字符串";console.log(str.charAt(0))//这2.stringObject.charCodeAt()作用：方法可返回指定位置的字符的Unicode
标签: js操作dom节点的方法
本文链接地址:https://www.jiuchutong.com/biancheng/373564.html 转载请保留说明！