<small id='fOcjHFW'></small> <noframes id='2Ojv3p'>

  • <tfoot id='cRto0j32'></tfoot>

      <legend id='p0CoA'><style id='nwkqTU5F'><dir id='KvGp0'><q id='jaEt7Aw'></q></dir></style></legend>
      <i id='4pjs'><tr id='S73Bar49D5'><dt id='0jaQSlo'><q id='XzGULlodCg'><span id='ueN7'><b id='X684lGrj'><form id='vALISjyb'><ins id='fXqOiU7Nz'></ins><ul id='q7hyIu'></ul><sub id='ZpTKxBfsN'></sub></form><legend id='hx7Dd1UARH'></legend><bdo id='rRCOZAzGPY'><pre id='ZUOdCmaAG'><center id='cJZDmN1W'></center></pre></bdo></b><th id='zHJUfaI7'></th></span></q></dt></tr></i><div id='bqxZ2'><tfoot id='g62Y4Bf5a'></tfoot><dl id='XHFbVDxA'><fieldset id='jiWOJS4'></fieldset></dl></div>

          <bdo id='c7t2UvwG9'></bdo><ul id='yZF62lzeP'></ul>

          1. <li id='oT659rjGIx'></li>
            登陆

            JavaScript中DOM操作

            admin 2019-11-20 175人围观 ,发现0个评论
            核心内容便是运用 增修正查

            查询:

            便是获取元JavaScript中DOM操作素

            1.规范DOM API

            *document.getElementById

            *document.getElem李元芳entsByTagName

            *document.getElementsByName //input 中name

            *document.getElementsByClassName

            *document.querySelectorAll

            2.亲属拜访 (从一个中心元素拜访其他一切的直系亲属元素)

            *拜访父节点:parentNode

            *拜访上一个兄弟节点:previousSibling

            *拜访下一个兄弟节点:nextSibling

            *拜访第一个特点节点:attributes[0]

            *拜访最终一个子节点:lastchild或childNodes[childNodes.length-1]

            3. 特点获取

            *getAttribute

            *getAttributeNode

            添加:

            1.创立

            * document.createElement //创立元素节点

            * document.createTextNode //创立文本节点

            * document.creatJavaScript中DOM操作eAttribute //创立特点节点

            * innerHTMl

            *innerText

            *cloneNode()

            2.参加

            *appeJavaScript中DOM操作ndChild //追加到结尾处

            *innerHTML

            *insertBefore //将元素超如到某一个元素的前面

            父元素.insertBefore(新元素,旧元素); //将新元素刺进到旧元素的前面

            3.其他

            *style 的操作

            *setAttribute(特点名,特点值)

            删去:

            1.删去元素

            *removeChild

            *removeAttributeNode

            修正:

            1.修正节点

            *删去节点再参加

            2.修正款式

            *style.xxx=vvv;

            *setAttribute

            3.修正文本

            *innerHTML

            *innerText

            *节点操作

            *nodeValue //表明节点的值,一切的节点都有该特点,可是一般文本节点才运用该特点

            var txt=document.body.lastChild.nodeValue;

            alert(txt);

            document.body.lastChild.nodeValue="nihao";

            4.修正特点

            * .xxx=vvv;

            *setAttribute


            // nodeName表明节点的姓名,尽管一切的节点都有该特点,可是一般元素节点才运用

            // 元素节点打印的元素名均为大写字母

            alert(document.body.nodeName ); //BODY

            var div=document.createElement("div");

            alert(div.nodeName) //DIV

            请关注微信公众号
            微信二维码
            不容错过
            Powered By Z-BlogPHP