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

通过id获取标签对象

标签.属性

变量 = join拼成字符串

标签.属性 = 变量

innerText vs innerHTML

标签的innerText

获取标签内，纯文本

标签的innerHTML

获取标签内包裹的html代码

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

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

标签会生效

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

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

标签不会生效

原因是

标签会被义

> 会被处理为 >

< 会被处理为 <

实现代码

<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>

javascript-练习-数组数据存li中相关推荐

前端写接口请求后台数据存vuex中打印到控制台
最近从B站上面跟着敲 vue 的项目,多次看到有关于前台拿到后端的接口地址文档,写前端接口,然后请求后台数据,放到 vuex 当中,再然后再在需要展示数据时渲染出来,于是做个输出小结,分享出来,供大家 ...
将自定义功能添加到Spring数据存储库
Spring Data非常方便,并且避免了样板代码,从而加快了开发速度. 但是,在某些情况下,注释查询不足以实现您可能想要实现的自定义功能. 因此,spring数据允许我们向Spring数据存储库添加 ...
java数组循环扩容_Java中实现数组动态扩容的两种方法
Java中实现数组动态扩容的两种方法 java中初始化一个数组需要定义数组的容量,而在我们使用数组时往往会遇到数组容量不够的情况,此时我们就需要通过动态扩容的方式来来根据需求扩大数组的容量. 我们可以 ...
JavaScript - 将 CSV 数据解析为数组
本教程将帮助您了解如何使用 HTML<input>元素接收 CSV 文件并将内容解析为 JavaScript 数组. 要将 CSV 数据转换或解析为 .csv文件array,您需要使用 J ...
JavaScript处理json数据(对象，数组，集合)
1.什么是json? JSON ( JavaScript Object Notation) ,它是一串字符串只不过元素会使用特定的符号标注.{} 双括号表示对象[] 中括号表示数组"&qu ...
JavaScript中数据在内存中的存储方式
JavaScript中数据在内存中的存储方式 1.js数据类型分类简单数据类型:Number.String.Boolean.Undefined.Null 复杂数据类型:Object.Array.Fu ...
javascript 类型数组读取二进制数据
先建一个文件,按UTF-16大端 BOM 格式保存一个字符串:hi aleck, 使用 file API 把他按二进制方式读取到浏览器. 文件读取方法在这里: http://hi.baidu.com/ ...
微软字节javascript 类型数组读取二进制数据 -java教程
每日一贴,今天的内容关键字为微软字节先建一个文件,按UTF-16大端 BOM 格式存保一个符字串:hi aleck, 用使 file API 把他按二进制方法取读到浏览器. 文件取读方法在这里: h ...
javascript小练习之给表格中数据排序
需求:点击表头,对表格中数据进行排序. 基本思路: 1.获取表格中所有行对象: 2.将行对象存入数组,并对数组进行排序: 3.将排完序的数组中数据重新存入表格中: 实例效果: 排序前: 排序后: & ...

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

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

innerText vs innerHTML

实现代码

javascript-练习-数组数据存li中相关推荐

最新文章

热门文章