DOM-1 基础

来源：互联网发布：知乎融资历程编辑：程序博客网时间：2024/06/16 09:45
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>DOM笔记</title></head><body>    <div>        <div id="n1">c1</div>        <a>asdfasdf</a>    </div>    <ul>        <li>111</li>        <li>112</li>        <li>113</li>        <li>114</li>    </ul>    <div>        <div class="c1">221</div>        <div class="c1">222</div>        <div class="c1">223</div>    </div>    <form>        <p>用户名：<input name="username" value="123"/></p>        <p>密码：<input name="pwd" value="456"/></p>    </form>    <!--自增1范例-->    <div>        <div id="num">1</div>        <input type="button" value="+1" onclick="Add();">    </div><script type="text/javascript">    function Add() {        var nid = document.getElementById('num');        var text=nid.innerText;        text = parseInt(text);        text ++;        nid.innerText = text;    }    var nid = document.getElementById('n1');    nid.innerText='ChenLong';    var lis=document.getElementsByTagName('li');    for(var i in lis){        var item = lis[i];        item.innerText= i + 5;    }    var lis2 = document.getElementsByClassName('c1');    for(var i in lis2){        var item = lis2[i];        item.innerText = i + 6;    }    var username = document.getElementsByName('username')[0];    var pwd = document.getElementsByName('pwd')[0];    console.log(username.value, pwd.value);</script></body></html>
阅读全文
0 0