标签：dhtml on() containe 内容 func line selected too 分享
节点操作
创建节点：
|
1
|
createElement(标签名) ：创建一个指定名称的元素。 |
例：var tag=document.createElement(“input")
tag.setAttribute(‘type‘,‘text‘);
添加节点：
|
1
2
3
4
5
|
追加一个子节点（作为最后的子节点）somenode.appendChild(newnode)把增加的节点放到某个节点的前边somenode.insertBefore(newnode,某个节点); |
删除节点：
|
1
|
removeChild()：获得要删除的元素，通过父元素调用删除 |
替换节点：
|
1
|
somenode.replaceChild(newnode, 某个节点); |
节点属性操作：
1、获取文本节点的值：innerText innerHTML
2、attribute操作
elementNode.setAttribute(name,value)
elementNode.getAttribute(属性名) <-------------->elementNode.属性名(DHTML)
elementNode.removeAttribute(“属性名”);
3、value获取当前选中的value值
1.input
2.select （selectedIndex）
3.textarea
4、innerHTML 给节点添加html代码：
该方法不是w3c的标准，但是主流浏览器支持
tag.innerHTML = “<p>要显示内容</p>”;
5、关于class的操作：
|
1
2
3
|
elementNode.classNameelementNode.classList.addelementNode.classList.remove |
6、改变css样式：
|
1
2
3
|
<p id="p2">Hello world!</p>document.getElementById("p2").style.color="blue"; .style.fontSize=48px |
方式1:
<div id="div" onclick="foo(this)">点我呀</div>
<script>
function foo(self){ // 形参不能是this;
console.log("点你大爷!");
console.log(self);
}
</script>
方式2:
<p id="abc">试一试!</p>
<script>
var ele=document.getElementById("abc");
ele.onclick=function(){
console.log("ok");
console.log(this); // this直接用
};
</script>
标签：dhtml on() containe 内容 func line selected too 分享
原文地址：http://www.cnblogs.com/heysn21/p/7324802.html
