<div id="test"></div>
在test这个div中用js写入：
<ul> <li><a href="####" id="aaa">a</a></li> <li><a href="####" id="bbb">b</a></li></ul>
我自己用createElement、setAttribute、appendChild之类的弄了半天实在弄不出来，要求要：
原生JS，不能用JQ或其它框架用
不能用innerHTML写入，用DOM插入节点
链接要写入id="aaa"和"bbb"
用javascript创建ul>li>a
答案:3 悬赏:0 手机版
解决时间 2021-12-30 15:14
- 提问者网友：做自己de王妃
- 2021-12-29 18:24
最佳答案
- 五星知识达人网友：忘川信使
- 2022-01-06 10:29
<div id="test"></div>
<script>
var ul = document.createElement('ul');
var ids = ['aaa','bbb'];//id数组
var hrefs = ['#a','#b'];//链接数组
var vals = ['a','b'];//显示内容数组
for(var i=0;i<2;i++){
var li = document.createElement('li');
var a = document.createElement('a');
a.setAttribute('href',hrefs[i]);
a.id = ids[i];
a.innerHTML = vals[i];
li.appendChild(a);
ul.appendChild(li);
}
test.appendChild(ul);//test 和 document.getElementById('test') 在这里是一样的 浏览器通用 看自己习惯
</script>
<script>
var ul = document.createElement('ul');
var ids = ['aaa','bbb'];//id数组
var hrefs = ['#a','#b'];//链接数组
var vals = ['a','b'];//显示内容数组
for(var i=0;i<2;i++){
var li = document.createElement('li');
var a = document.createElement('a');
a.setAttribute('href',hrefs[i]);
a.id = ids[i];
a.innerHTML = vals[i];
li.appendChild(a);
ul.appendChild(li);
}
test.appendChild(ul);//test 和 document.getElementById('test') 在这里是一样的 浏览器通用 看自己习惯
</script>
全部回答
- 1楼网友：渊鱼
- 2022-01-06 13:00
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<title>test</title>
<script>
window.onload = function() {
var _div = document.getElementById("test");
var _ul = document.createElement("ul");
var _li1 = document.createElement("li");
var _a1 = document.createElement("a");
_a1.id = "aaa";
_a1.href = "####";
_a1.innerText = "a";
var _li2 = document.createElement("li");
var _a2 = document.createElement("a");
_a2.id = "bbb";
_a2.href = "####";
_a2.innerText = "b";
_li1.appendChild(_a1);
_li2.appendChild(_a2);
_ul.appendChild(_li1);
_ul.appendChild(_li2);
_div.appendChild(_ul);
};
</script>
</head>
<body>
<div id="test"></div>
</body>
</html>
- 2楼网友：撞了怀
- 2022-01-06 12:05