Question

我有一个J.script，如下所示，我想动态添加alt标签基于某些条件的图像（id =“消费者标题”）。

我尝试过以下方法，例如给div和set属性赋予id，但对我来说没有任何作用（消费者头为空）。

window.onload = getStrings（）;

function getStrings()
{                             
var $consumerheader = document.getElementById("consumerheader"); 
$consumerheader.setAttribute("alt", "R- Insurance");     
var test = document.getElementById("consumerHeader").alt;
alert("test");

//var $img = $divconsumerHeader.getElementsByTagName("img")[0];   

//control.setAttribute("consumerheader","R- Insurance")
// var test1 = document.getElementsByTagName("img")[0];
// alert("test1");
 }

<div id="divconsumerHeader" class="head" style="text-align: center;">
                <img src="shared/images/headers/ConsumerOnline.png" id="consumerHeader" alt="" style="width: 177" />
</div>

Answer 1

HTML中图片的ID为consumerHeader，而您使用的是consumerheader。这就是它不起作用的原因。

function getStrings()
{                             
var $consumerheader = document.getElementById("consumerheader");
//                                                     ^ Here is the issue make this "h" to "H"
$consumerheader.setAttribute("alt", "R- Insurance");     
var test = document.getElementById("consumerHeader").alt;
alert("test");

//var $img = $divconsumerHeader.getElementsByTagName("img")[0];   

//control.setAttribute("consumerheader","R- Insurance")
// var test1 = document.getElementsByTagName("img")[0];
// alert("test1");
 }

注意： Javascript区分大小写 Here is an working fiddle

需要在javascript中动态添加图像的alt标记

1 个答案: