Question

希望这是一个简单的请求。我似乎无法获得这种工作的机制。我试图在页面上找到具有特定类的所有div并向其添加href。到目前为止，我的代码似乎无法正常工作。

function FBcheck() {
elements = document.getElementsByClassName('friend-icon');
for (var i = 0; i < elements.length; i++){
elements[i].href = "http://www.example.com";
}}

Answer 1

实际上你不能将href属性分配给div它应该分配给锚元素，

其他问题是您使用了.的错误选择器，使用friend-icon选择器代替.friend-icon

见下面是更新的代码段，

function FBcheck() {
      elements = document.getElementsByClassName('friend-icon');    
      for (var i = 0; i < elements.length; i++){
              elements[i].href = "http://www.example.com";
      }}
FBcheck()

<a class="friend-icon">1</a >
<a class="friend-icon">1</a >
<a class="friend-icon">1</a >
<a class="friend-icon">1</a >
<a class="friend-icon">1</a >

Answer 2

感谢各位指出你无法为div添加href！这段代码正在做我需要的。

function FJcheck() {
elements = document.getElementsByClassName('friend-icon');
for (var i = 0; i < elements.length; i++){
var aTag = document.createElement('a'); 
aTag.setAttribute('href', \"https://www.facebook.com\"); 
aTag.innerHTML = \"FB Link\"; 
elements[i].appendChild(aTag);}}

添加具有特定类的所有div的链接

2 个答案: