JavaScript深入操作HTML标签与控件详解

var NewTr = document.createElement("tr");



一.js对浏览器的操作
   1.获取屏幕/浏览器宽/高度
     document.body.clientWidth; //获取浏览器窗口宽度
     document.body.clientHeight; //获取浏览器窗口长度
     window.srceen.width; //得到屏幕的宽度
     window.srceen.height; //得到屏幕的高度
二.js对所有标签/控件的公共操作
   1.js动态改变标签的属性
     (1).Object.getAttribute("attributeName"); //获取标签对象指定属性名的属性值
     (2).Object.removeAttribute("attributeName"); //删除标签对象指定的属性
     (3).Object.setAttribute("attributeName","attributeValue"); //给标签对象指定属性名的属性重新设值
   2.js动态获取/添加/设置标签的HTML内容(包括html标签对象)
     (1).innerHTML属性:只针对容器标签(form/div/table/span...)对象
         获取:容器标签对象.innerHTML; //获取容器标签中的内容(包括html标签)为字符串
         设置:容器标签对象.innerHTML="字符串/html内容"; //将容器标签对象中内容重新设置为指定内容(清空原内容)
     (2).outerHTML属性:针对任意标签对象
         获取:标签对象.outerHTML; //获取本容器标签及其中的内容(包括html标签)为字符串
         设置:标签对象.outerHTML="字符串/html内容"; //将容器标签对象及其中内容重新设置为指定内容
     (3).innerText属性:
         获取:容器标签对象.innerText; //获取容器标签对象中的所有纯文本内容
         设置:标签对象.innerText="String"; //将标签对象中的内容(包括html标签)设置为指定纯文本内容
     (4).outerText属性:
         获取:容器标签对象.outerText; //获取容器标签对象中的所有纯文本内容
         设置:标签对象.outerText="String"; //将本标签对象及其中的内容(包括html标签)设置为指定纯文本内容
     (5).insertAdjacentHTML/insertAdjacentText方法:在指定的地方追加(不清空原内容)html/纯文本内容
         ①.标签对象.insertAdjacentText("beforeBegin:插入到标签前/afterBegin:插入到开始标签后原内容前/beforeEnd:插入到结束标签前原内容后/afterEnd:插入到标签后","插入内容");