var ele=document.getElementById("box");
获取Id那个元素;
<div id="text" class="tex" align="center" data-type="magi">
用var div=document.getElementByTagName(div)[0];
div.id就直接可以获得text,除了class之外(这种方式获取的属性只能获取除class之外的标准的属性名)
这时候就要用到下面的getAttribute;
获取属性这个元素的那个属性值
设置属性:
setAttribute("attribute",value);
div.setAttribute("data-color","red"),这样div就多里一个属性
删除属性:
ele.removeAttribute("attribute");
删除eleshang de attribute属性
获取元素的第一个子节点
div.parentNode:
获取父节点
nodeType:
文本节点是3 元素节点是1 属性节点2
<input type="text">
*设置元素样式:
ele.style.styleName=styleValue;
只要支持style样式的都可以加:
比如:div.style.color=""
div.style.fontWeight="600";
几个重要的操作:
1:ele.innerHTML
返回ele元素开始和结束标签之间的HTML;
设置内容
ele.innerHTML="html"
设置ele元素开始和结束标签之间的HTML内容为html
2:className
设置class属性
事件
}