javascript-练习-数组数据存li中

把数组中的数据，存放到li标签中

通过id获取标签对象

标签.属性

 

变量 = join拼成字符串

标签.属性 = 变量

 

 

innerText vs innerHTML

标签的innerText

获取标签内，纯文本

 

标签的innerHTML

获取标签内包裹的html代码

 

innerHTML，对应标签的HTML代码内容

如果修改innerHTML的内容中有html标签的话

标签会生效

 

innerText，对应标签的纯文本内容

如果修改innerText的内容中有html标签的话

标签不会生效

原因是

标签会被义

>  会被处理为 >

< 会被处理为 &lt;

 

 

实现代码

<script>
    window.onload = function () {

    var aList = ["hello","python"];
    var oLi = document.getElementById("list1");

        oLi.innerText = "<h1>abc</h1>";
        // oLi.innerHTML = "<h1>abc</h1>";

    var sRes = aList.join(" ");
        oLi.innerText = sRes
        
    }

</script>


<div >
    <ul>
        <li id="list1"><i>tag li</i></li>
    </ul>
</div>