javascript - 我想使用 javascript 更改 html div 的值

Question

是否可以通过 JavaScript 函数更改 HTML 的值？

这是一个例子:

div class="fb-page" data-href="https://www.facebook.com/ConnectCommunications?fref=ts"
  data-width="450" data-hide-cover="false" data-show-facepile="true" data-small-header="false"
  data-show-posts="true"></div

现在我想通过 JavaScript onclick 将 data-show-facepile 从 true 更改为 false -事件。

提前致谢!

Answer 1

在浏览器中使用干净的 JavaScript:

document.getElementByClassName('fb-page').setAttribute('data-show-facepile', false) ，参见here了解更多相关信息。给元素赋予 id 可能是明智之举。 ，然后使用document.getElementById()相反。

现在，如果您有一个按钮<button id="clickme"> Click me! </button>您可以添加一个处理程序:

document.getElementById('clickme').addEventListener('click', function(){
    document.getElementByClassName('fb-page')[0].setAttribute('data-show-facepile', false)
}); 

请注意，如果 fb-page 有多个元素-class，要更改的元素可能不是返回列表的第一个元素。

<小时/>

使用 jQuery:$('.fb-page').attr('data-show-facepile', false) 。 Docs 。如果给元素一个 id，则使用 $('#id')相反。

所以如果你有一个按钮:<button id="fb-show-button">Click me! </button>您添加一个处理程序:

$('#fb-show-button').click(function(){
    $('.fb-page')[0].attr('data-show-facepile', false)
})

上面的注释也会影响此示例。

<小时/>

为什么我提到使用 id 而不是 class？因为当你想要处理一个特定的元素时，ID 将唯一地标识它，因为只有一个元素可以有一个特定的 id。多个元素可以具有类 fb-page 。这就是获取类元素的方法返回数组的原因。