JS document

Posted 韩凯

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS document相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="one">
            今天下雨
        </div>
    <table border="1" cellspacing="0" cellpadding="0">
        <!--<tr><th>Header</th></tr>
        <tr><td>Data</td></tr>-->
    </table>
    <input type="text" name="two" id="two" value="269" />
    
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    </body>
</html>
<script type="text/javascript">
var tab = document.getElementsByTagName("table")
    var str = "";
    for(var i = 0;i<4;i++){
        str = str + "<tr>"
        for(var j = 0;j<4;j++){
            str = str + "<td>嘿嘿</td>"
        }
        str = str + "</tr>"
    }
    tab[0].innerHTML = str
    
    
    var inpt = document.getElementById("two");
    alert(inpt.value);
    
    var three = document.getElementsByTagName("li");
    console.log(three[0]);
    
    var one = document.getElementById("one");
</script>

 

以上是关于JS document的主要内容，如果未能解决你的问题，请参考以下文章

js代码片段

JS常用代码片段2-值得收藏

JS常用代码片段2-值得收藏

Chrome-Devtools代码片段中的多个JS库

XSS：如何从 C# 中的字符串中删除 JS 片段？

26个jQuery代码片段使用技巧