js数组及动态插入节点数据
2024-10-20 17:20:58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="newList">
<!--<li>
<h1></h1>
<p></p>
</li>-->
</ul>
<script type="text/javascript">
//字面量形式定义的数组
//数组里面可以放任何的数据类型
var apple = '苹果'
var xueli = '雪梨'
// ...
var list = ['苹果','雪梨','香蕉','葡萄'] //构造函数定义数组 var list1 = new Array('苹果','雪梨','香蕉') var article1 = {
title:'特朗普访华',
content:'特朗普不靠谱'
}
var article2 = {
title:'习总请我吃饭',
content:'特朗普不靠谱'
}
var article3 = {
title:'明天六合彩开码信息',
content:'1234567'
}
var newList = [article1,article2,article3]
//1、这些数据是有相关性的
//2、这些相关性的数据有一些顺序 console.log(newList) var ul = document.querySelector('#newList') for(var i = 0;i<newList.length;i++){
var templi = document.createElement('li')//创建1个元素li
templi.innerHTML = '<h1>'+ newList[i].title +'</h1><p>'+ newList[i].content +'</p>'
ul.appendChild(templi)//添加创建的元素到ul
} </script>
</body>
</html>
最新文章
- java-数字类
- C语言处理xml文件的库
- JavaScript中奇葩的假值
- #ifdef 的技巧用法
- EL表达<;%@page isELIgnored=";false";%>;问题
- Win32非递归遍历和搜索文件以及目录算法
- inline与lnk2001、lnk2019,鸡肋?
- [读书笔记] 三、搭建基于Spring boot的JavaWeb项目
- iOS中 超简单抽屉效果(MMDrawerController)的实现
- OracleSql语句学习(二)
- 获取更新元素文本text()
- 2017-2018-2 20165225『Java程序设计』课程 结对编程练习_四则运算
- org/apache/maven/cli/MavenCli : Unsupported major.minor version 51.0
- JAVA微信扫码支付模式二功能实现完整例子
- Python encode() 方法
- 为什么面试要问 hashmap 的原理
- MySQL中查询所有数据库占用磁盘空间大小和单个库中所有表的大小的sql语句
- UVa 1620 懒惰的苏珊(逆序数)
- 问题记录:未设置为接受端口“文件和打印机共享(SMB)”上的连接
- 新建网站与新建Asp.Net Web 应用程序的区别