javascript - 如何将 HTML 字段与 javascript 对象绑定

Question

我必须将 HTML 字段与 javascript 对象绑定。这是我的 HTML-

<div>
   <img src="value1"><br/>    
   <p>value2</p>
   <a href="value3"/>
</div>

我有value1, value2,value3在 javascript 函数中。如何将此值绑定到 html 字段？

Answer 1

小提琴在这里

如果您想在 HTML 中更改 javascript 中的值，最好是在 javascript 中创建这些元素。但是，如果我只是按照您的 HTML 进行操作，您可以使用：（
您的 html 中有一些标记错误，所以我更改了它）

html

<div><img id="value1" src="#" /><br/>    
<p id="value2">value2</p>
<a id="value3" href="#">Link</a></div>

脚本

// here you give value to the js variables
var value1 = 'image.jpg'; 
var value2 = 'Test text';
var value3 = 'http://www.stackoverflow.com';
// here you put/bind the values with the ids in the html
document.getElementById('value1').src = value1;
document.getElementById('value2').innerHTML = value2;
document.getElementById('value3').href= value3

Answer 2

例如：

<div><img id="image" src=value1><br/>    
<p id="paragraph">value2</p>
<a id="link" href=value3/></div>

document.getElementById('image').src = value1;
document.getElementById('paragraph').innerHtml = value2;
document.getElementById('link').href=value3

Answer 3

像那样绑定 document.getElementById('image').src = value1;