html中加入变量吗,javascript – 将变量插入到html代码中

我是Javascript的新手,我已经做了很多搜索,但我找不到似乎回答我的具体问题.我正在试图找出如何将变量实现为html …可能更好的服务示例：

使用Javascript

var key = 1;

function nextImage()

{

if(key == 52)

{

key = 0;

}else{

key++;

}

var image = "images/52/week_" + key + ".jpg";

document.getElementById("mainImage").src= image;

}

HTML

Next

我想要做的是将“images / 52 / week_”移出javascript并进入html,这样我就可以将该函数重用于其他图像集.基本上我想让脚本遍历数字,然后将这些数字发送到HTML< img src =“images / 52 / week_”image“.jpg”>

解决方法:

将函数添加到参数中会不会更容易？

var key = 1;

function nextImage(string,id)

{

if(key == 52)

{

key = 0;

}else{

key++;

}

var image = string + key + ".jpg";

document.getElementById(id).src= image;

}

更新

这个问题由你自己解答！使用上面给出的代码,您只需要将两个参数添加到您的javascript调用中,例如：

Next

标签：javascript,dom

来源： https://codeday.me/bug/20190826/1728424.html