在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点: – 文档是一个文档 – 所有的HTML元素都是元素节点 – 所有 HTML 属性都是属性节点 – 文本插入到 HTML 元素是文本节点 – 注释是注释节点
属性方法
用法
document.activeElement
返回当前获取焦点元素
document.body
返回文档的body元素
document.addEventListener()
向文档添加句柄
document.createElement()
创建元素节点
document.createTextNode()
创建文本节点
document.write()
向文档写 HTML 表达式 或 JavaScript 代码
<!DOCTYPE html><html><head><script>functionNewButton(){var elt=document.createElement("BUTTON");var t=document.createTextNode("CLICK ME");
elt.appendChild(t);
document.body.appendChild(elt);}functionNewP(){var elt1=document.createElement("P");
document.body.appendChild(elt1);var t1=document.createTextNode("this is a P");
elt1.appendChild(t1);var elt2=document.createElement("Center");var t2=document.createTextNode("this is a Center");
elt2.appendChild(t2);
elt1.appendChild(elt2);}functionNewSelect(){var elt=document.createElement("Select");var t=document.createTextNode("this is a Select");
elt.appendChild(t);
document.body.appendChild(elt);var opt1=document.createElement("Option");
opt1.innerText ="option1";
elt.appendChild(opt1);var opt2=document.createElement("Option");
opt2.innerText ="option2";
elt.appendChild(opt2);}functionNewInput(){var elt=document.createElement("Input");var t=document.createTextNode("this is a Input");
elt.appendChild(t);
document.body.appendChild(elt);}</script></head><body><p><buttononclick="NewButton()">Add a Button</button><p><buttononclick="NewP()">Add a P</button><p><buttononclick="NewSelect()">Add a Select</button><p><buttononclick="NewInput()">Add a Input</button></body></html>
<!DOCTYPE html><html><head><script>
window.onload=function(){var str1 ="Welcome to McKinsey Greater China! We help industry shapers, innovators, and entrepreneurs take their ideas to market faster and generate enduring impact.";var patt1 =/we/gi;//var patt=/pattern/modifiers;//pattern:模式;modifiers:修饰符var patt2 =newRegExp("china","i");var patt3 =newRegExp("IDEA","i");
document.write(str1.match(patt1)+"<p>");
document.write(patt2.exec(str1)+"<p>");
document.write(patt3.test(str1)+"<p>");}</script></head><body></body></html>
We,We
China
true