码迷,mamicode.com
首页 > Web开发 > 详细

DOM对HTML元素的增删改操作和事件概念和事件监听

时间:2020-06-03 20:44:40      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:一个   for   dom   his   概念   def   子节点   构造   font   

DOM创建节点的方法:

document.createElement(Tag),Tag必须是合法的HTML元素

DOM复制节点的方法:

节点cloneNode(boolean deep),当deep为true时,表示复制当前节点以及当前结点的全部后代节点。为false时,只复制当前节点。

DOM添加、删除节点的方法:

appendChild(newNode)

将newNode添加成当前节点的最后一个子节点

insertBefore(newNode,refNode)

将refNode节点之前插入newNode节点

replaceChild(newNode,oldNode)

将oldNode节点替换成newNode节点

removeChild(oldNode)

将oldNode子节点删除

创建选项除了使用前面所示的createElement方法之外,还可以使用专门的构造器来构造一个选项出来(IE、谷歌都支持)。语法如下:<option>选项一</option>

new Option(text,value,defaultSelected,selected)

该构造器有4个参数,说明如下:

text

该选项的文本、即该选项所呈现的“内容”

value

选中该选项的值

defaultSelected

设置默认是否显示该选项

selected

设置该选项当前是否被选中

事件概念和事件监听

1.绑定HTML元素属性

<input id=”btn1” type="button" value="clickMe" onClick="check(this)">

2.绑定DOM对象属性

document.getElementById(“btn1”).onClick=test;//test函数名

 

 

DOM对HTML元素的增删改操作和事件概念和事件监听

标签:一个   for   dom   his   概念   def   子节点   构造   font   

原文地址:https://www.cnblogs.com/haoduoyu0512/p/13039587.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!