获取和设置元素的内容:
- var nv = document.getElementById("pid");
- alert(nv.innerhtml);
- nv.innerHTML="<a href='http://www.sina.com'> 到新浪 </a>"; // 浏览器会将 inneHTML 后面的内容作为 html 来解析
- nv.innerText="World"; // 浏览器会将 innerText 后面的内容作为纯文本来解析
- <input type="button" value="value"onclick="show(this)"></input>
- nv.value="world"; //value 是元素的属性值, 而 innerText 和 innerHTML 是元素开始和结束标签之间的值.
自定义属性:
- window.onload=function(){
- var oA = document.getElementsByTagName("a");
- alert(oA[0].href); // 只能获取到元素中自带的属性
- alert(oA[0].getAttribute("width")); //getAttribute() 能获取到元素的所有属性
- }
dom 操作 CSS:
- window.onload = function() {
- var oBtn1 = document.getElementById("btn1");
- var oDiv = document.getElementsByTagName("div")[0];
- var oA = document.getElementsByTagName("a")[0];
- oBtn1.onclick = function() {
- oDiv.style.width = "200px";
- oDiv.className = "current";
- oA.style.display = "block";
- }
- }
- this.parentNode.style.display = "none"; // 操作父级
- this.children[1].style.display = "none"; // 操作子集
来源: http://www.bubuko.com/infodetail-2558374.html