Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在已存在的li标记中添加定位标记_Javascript_Html - Fatal编程技术网

Javascript 如何在已存在的li标记中添加定位标记

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实现。但我

所以我的问题很简单,但我一直在努力寻找答案

我已经创建了一个列表,我想在标记中添加一个标记,然后将setAttribute添加到该列表中 //选择 const li=document.querySelector'li'; //创建 const a=document.createElement'a'; a、 href='html'; a、 innerText=li.innerText; //清空并将其内容替换为 li.innerHTML=; 李·奇尔达; 一
这可以通过以下方式使用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>