使用原生javaScript创建ul和li对象以及操作

要求

代码

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>元素对象</title><script type="text/javascript">function init() {var ul=document.createElement("ul");//创建ul节点document.body.appendChild(ul);//将ul节点加到bodyvar a,b;a=new Array("苹果","香蕉","飞机");for(b=0;b<=2;b++){var li=document.createElement("li");  //创建li节点var text=document.createTextNode(a[b]);  //创建文本节点li.appendChild(text);  //为li追加文本节点ul.appendChild(li);  //将li加入ul}//删除第二个元素var elem=document.getElementsByTagName("ul");//获取ul//console.log(elem.length);var son=document.getElementsByTagName("li");//获取li//console.log(son.length);elem[0].removeChild(son[1]);//删除第二个节点}</script>
</head>
<body onload="init()"></body>
</html>

使用原生javaScript创建ul和li对象以及操作相关推荐

animate用法 js原生_用原生Javascript 创建带动画的固顶导航菜单
当我们在网页中加入一个导航菜单的时候,需要考虑很多因素.如何确定它的位置?如何定义样式?还需要保证它具有良好的响应性.又或者你想为它添加一些炫酷的动画.这时你可能会对 jQuery 感兴趣,因为它会帮 ...
mysql插入ㄖ_原生JavaScript代码100个实例
1.原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\x ...
加入收藏代码_100个原生JavaScript代码片段知识点详细汇总【实践】
作者:小棋子js 转发链接:https://www.jianshu.com/p/b5171efa340f JavaScript 是目前最流行的编程语言之一,正如大多数人所说:"如果你想学一门 ...
100个常用的原生JavaScript函数
1.原生JavaScript实现字符串长度截取复制代码代码如下: function cutstr(str, len) { var temp; var icount = 0; ...
[举一反三]使用javascript转换字符串为dom对象（字符串动态创建dom）
前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程 ...
前端必须学会的5个原生JavaScript对象方法
前端必须学会的5个原生JavaScript对象方法 JavaScript 随着node.js和基于JavaScript的各种框架的诞生,JavaScript在当今的互联网越来越受到人们的重视,今天我们 ...
js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
JavaScript创建Map对象（转）
JavaScript 里面本身没有map对象,用JavaScript的Array来实现Map的数据结构. Js代码 /* * MAP对象,实现MAP功能 * * 接口: * size() ...
JavaScript 使用3种方式创建如下形式的对象汽车：属性：编号：品牌：车型：方法：
使用3种方式创建如下形式的对象汽车: 属性: 编号: 品牌: 车型: 方法: 鸣笛: 加油: 载客: <body><script>var 汽车 = {编号: '001',品牌 ...
原生javascript
JavaScript是一种基于对象和事件驱动的客户端脚本语言组成: ECMAScript---------------标准语法 Bom(browser Object Model) Dom(docum ...

使用原生javaScript创建ul和li对象以及操作

要求

代码

使用原生javaScript创建ul和li对象以及操作相关推荐

最新文章

热门文章