修改HTML中的value属性

Question

我需要一个函数来在用户修改输入元素中的value属性时修改它。我有一个函数，下载html到一个文本文件。我希望文件准确地记录元素的当前值，而不是它在加载时的值。

JS下载函数:

function saveActors() {
let fileName = `page.txt`;
let a = document.createElement("a");
let target = document.getElementById('target');
a.download = fileName;
let content = new Blob([target.innerHTML], {type: 'text/plain;charset=utf-8'});
a.href = window.URL.createObjectURL(content);
a.click();
}

HTML:

<div id="target">
<input type="text" value="" onchange="updateValue(this)">
</div>
<script>
function updateValue(a) {
// update the input value
}
</script>

Answer 1

在JavaScript中，DOM对象和未解析的HTML(也就是说属性和属性)之间的关系不是双向同步的。这是单向同步。这意味着当你修改DOM对象的'value'属性时，你在浏览器中的HTML不会被改变。

使用setAttribute方法。这一切。