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

前端之家收集整理的这篇文章主要介绍了javascript – 在html中使用元素的特定单词前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <p> this is a car</p> //HTML p element

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

  1. <p id="demo" onclick="myFunction()">This is a car</p>
  2.  
  3. myFunction() {
  4. var my;
  5. my=document.getElementbyID("demo")[1]; //to get 'is'
  6. }

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

提前致谢

解决方法

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

Demonstration

猜你在找的JavaScript相关文章