JavaScript中的setAttribute参数是什么?

dfddblmv  于 2022-10-22  发布在  Java
关注(0)|答案(2)|浏览(207)

有人能解释一下这里的setAttribute参数是什么吗?我只知道.png是我稍后将在代码中包含的图像的扩展。

function setImg(dieImg)
{
  var value = Math.floor( 1 + Math.random()*6);
  dieImg.setAttribute( "src" , "die" + value + 
  dieImg.setAttribute( "alt" , "die Image with " + value + "spot(s)");
}
s4n0splo

s4n0splo1#

function setImg(dieImg) { var value = Math.floor( 1 + Math.random()*6); dieImg.setAttribute( "scr" , "die" + value +  dieImg.setAttribute( "alt" , "die Image with " + value + "spot(s)"); }

首先,我们需要了解标签。它有几个用于显示和操作图像的属性。
https://www.w3schools.com/tags/tag_img.asp
src(您写错了)属性用于指示图像的源,因此它应该是源的url。
alt属性用于替代字符串,如果具有url的给定图像不存在。
例如

<img src="https://example.com/image_path.png" alt="Die with....">

setAttribute()函数用于以编程方式添加这些属性。
所以我认为你写错了代码

function setImg(dieImg) { var value = Math.floor( 1 + Math.random()*6); dieImg.setAttribute( "scr" , "https://example.com/image_path.png" );
dieImg.setAttribute( "alt" , "die Image with " + value + "spot(s)"); }

希望能有所帮助

ct2axkht

ct2axkht2#

setAttribute()是一个JavaScript方法,用于在指定元素上设置attribute的值。如果属性已经存在,则更新该值;否则将添加具有指定名称和值的新属性。
语法:setAttribute(name, value)
例如,可以使用setAttribute()方法更改按钮上的id属性,甚至可以更改任何元素的m1n 4o1p特性的内容:

const button = document.querySelector("button");

button.setAttribute("id", "anotherButtonID");
button.setAttribute("style", "background-color: blue; color: red");
<button id="myButton">Hello World</button>

您可以在MDN WebDocs here上找到有关setAttribute()方法的更多文档。
因此,回到您的问题,在本例中,使用第一个参数,您将更改图像的src属性(指定源url)。对于第二个参数,此代码使用字符串连接来传入图像的新url源(例如"Hello" + " " + "world!"将导致“Hello world!”。
我希望这有帮助!

相关问题