javascript - how to get span value and add the value as class/id to DOM

Question

Please help, I need to get the value of the span eg. <span itemprop="title">God Of War</span> which is "God Of War" and assign the value as an ID or Class to a div. How can I do that in Javascript?

Answer 1

<span itemprop="title">God Of War</span>
<div>You will see result here</div>
<button>Do</button>

jQuery

$(function(){
   $('button').click(function(){
      $('div').attr('class', $('span[itemprop="title"]').html())
              .html('filled a class');
   });
});

单击button-> 右键单击div​​ -> 检查元素 -> 你会看到你的 div 已经填充了你想要的类。

见这里-> http://jsfiddle.net/aldiunanto/HdPWs/

Answer 2

首先，您可以为跨度分配一个类或 id，然后使用简单的 Javascript

document.getElementById('spanid / class').innerHTML;

Answer 3

您将您的帖子标记为 jquery，所以我假设 jquery 是可以接受的。查看 jquery api 中的这些函数以获取更多详细信息。

$('div').attr('id', $('span[itemprop="title"]').html());