Javascript 如何在已存在的li标记中添加定位标记
所以我的问题很简单,但我一直在努力寻找答案 我已经创建了一个列表,我想在标记中添加一个标记,然后将setAttribute添加到该列表中 //选择 const li=document.querySelector'li'; //创建 const a=document.createElement'a'; a、 href='html'; a、 innerText=li.innerText; //清空并将其内容替换为 li.innerHTML=; 李·奇尔达; 一Javascript 如何在已存在的li标记中添加定位标记,javascript,html,Javascript,Html,所以我的问题很简单,但我一直在努力寻找答案 我已经创建了一个列表,我想在标记中添加一个标记,然后将setAttribute添加到该列表中 //选择 const li=document.querySelector'li'; //创建 const a=document.createElement'a'; a、 href='html'; a、 innerText=li.innerText; //清空并将其内容替换为 li.innerHTML=; 李·奇尔达; 一 这可以通过以下方式使用JS实现。但我
这可以通过以下方式使用JS实现。但我建议您向a标记添加一个标识符,例如类,因为这将获得文档中的第一个元素:
document.querySelector('a').setAttribute('href', '#HTML');
这是一个更好的方法:
document.querySelector('.myLink').setAttribute('href', '#HTML');
HTML:
严格使用;
//这第一行你很可能必须根据你的上下文来改变
//这将获取整个文档中所有li标记的第一个元素
const li=document.getElementsByTagName'li'[0]
//这将获取该“li”的文本内容“one”
const tc=li.textContent
//这将删除li的第一个子内容,即文本
li.childNodes[0]。删除
//这将创建一个新的“a”元素,设置href属性,将上面的文本插入其中
//在“li”中插入这个“a”
常量a=document.createElement'a'
a、 textContent=tc
a、 setAttribute'href','HTML'
附录李
一
不要编辑到stackoverflow中仍然无法正确呈现的内容,请查看大文本框下显示的预览,以查看在发布之前它的外观。到目前为止,您尝试了什么?您似乎还将stackoverflow误认为是代码编写服务。你做了什么?你在努力工作什么?我们不会为你这么做的所以你试了什么?您从哪里获得href的信息?看起来像是一个简单的select lis、loop over、read html、createElement、setAttribute、appendChild。你似乎需要一个至少可以从问题中表达的努力来判断。我认为,如果他可以编辑html,他也可以将li更改为链接……我认为这是因为OP自己没有努力解决这个问题,投票人反对你为他们做工作,有没有办法循环这个,还是我必须为每一个sinlge LI项目做这个?谢谢你的回答,这取决于你的整个HTML。最好是给包装标签一个id,然后从那里开始。也许这个例子有帮助:
<a class="myLink">one</a>