如何使用javascript更改div中的属性

Question

我想用Javascript更改div的一部分，我正在考虑访问具有getelementByID属性的div的特定部分，但我不知道这是否可行。

这是一个类似Facebook的页面，我有更多的页面然后我想知道我是否可以用javascript更改“data-href”属性以添加更多不同的页面。

<div class="fb-like" data-href="https://www.facebook.com/petsandfashion?fref=ts" data-width="400" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

我不知道我是否清楚这个问题。

抱歉我的英文。

Answer 1

document.getElementById(element_id).setAttribute("data-href", new_value);

或：

$("#element_id").attr("data-href", new_value);

Answer 2

<div id="testdiv" class="fb-like" data-href="https://www.facebook.com/petsandfashion?fref=ts" data-width="400" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

要使用数据属性：

document.getElementById("testdiv").getAttribute("data-href");

设置数据属性使用：

document.getElementById("testdiv").setAttribute("data-href", "val");

的 DEMO

注意：我将div添加到div中以进行演示。

Answer 3

试试这个纯粹的javascript：

var elem = document.getElementById("div_id");
elem.setAttribute("data-href", new_value);