微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 在html中使用元素的特定单词

<p> this is a car</p> //HTML p element

有没有什么方法可以使用我点击的单词,例如,如果我点击汽车只使用“汽车”.如果我点击这个,只使用’this’.即我点击的唯一单词.

<p id="demo" onclick="myFunction()">This is a car</p>

myFunction() {
    var my;
    my=document.getElementbyID("demo")[1]; //to get 'is'
}

p.s我只需要使用一个单击的单词.我的p元素包含最多10个单词.

提前致谢

解决方法

假设您的段落只包含文本,您可以使用小脚本通过将其拆分为单词来准备段落:
var element = document.getElementById('demo');
element.innerHTML = element.innerHTML.split(' ').map(function(w){
  return '<span class=w>'+w+'</span>';
}).join(' ');
[].forEach.call(document.querySelectorAll('.w'),function(w){
  w.onclick = function(){
    alert(w.innerHTML);
    return false;
  }
});

Demonstration

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐