如何使用javascript基于innerhtml设置元素id

lsmd5eda 于 2021-09-13 发布在 Java

关注(0)|答案(3)|浏览(336)

我想为动态内容中的所有标题标记添加id。id应该基于同一元素的innertext（这是为特定节创建链接）。
例如：如果标题标签有 <h1 class="title_tag">Key Programming Language</h1> ，输出应为 <h1 id="key-programming-language" class="title_tag">Key Programming Language</h1> 我不确定如何将innerhtml值转换为id。请建议我使用任何javascript（或）jquery（或）php的解决方案

php jquery JavaScript Html drupal

来源：https://stackoverflow.com/questions/68306533/how-to-set-element-id-based-on-innerhtml-using-javascript

3条答案

按热度按时间

baubqpgj1#

const convertToKebabCase = (string) => {
  return string.replace(/\s+/g, '-').toLowerCase();
}

const h1 = document.querySelectorAll("h1");
h1.forEach(el=>{
  const kebabCaseText = convertToKebabCase(el.innerText);
  el.id = kebabCaseText;
})

<h1 class="title_tag">Key Programming Language</h1>

赞(0）回复(0）举报 2021-09-13

l2osamch2#

这就是你想做的？

$("h1").each(function(){

        var newId = $(this).text().replace(" ", "-");
        //console.log(newId);
        $(this).attr('id', newId);
    });

赞(0）回复(0）举报 2021-09-13

bweufnob3#

或纯javascript：

var elements = document.getElementsByTagName("1");
for (i = 0; i < elements.length; i++) {
    elemelements[i].id = elements[i].innerHTML;
}

赞(0）回复(0）举报 2021-09-13

我来回答

如何使用javascript基于innerhtml设置元素id

3条答案

相关问题

热门标签

最新问答