代码之家 › 专栏 › 技术社区 › ControlAltDel

序列化输入。未获取其(更新的)值

xml-serialization html javascript

ControlAltDel · 技术社区 · 3 年前

如果更改输入中的值,则XMLSerializer的字符串结果不会显示该值

在我的代码段中,尝试在输入中输入a,然后单击“序列化”。

为什么它没有改变,我能做些什么来获得输入的更新的HTML?

document.getElementById('clk').addEventListener("click", function() {
  console.log(new XMLSerializer().serializeToString(document.getElementById('foo')));
});

<input id='foo' />
<button id='clk'>Serialize</button>

1 回复 | 直到 3 年前

charlietfl 3 年前

您可以使用输入事件(或更改事件)侦听器来更新value属性

document.getElementById('clk').addEventListener("click", function() {
  console.log(new XMLSerializer().serializeToString(document.getElementById('foo')));
});


document.querySelector('input#foo').addEventListener("input", function(){
   this.setAttribute('value', this.value);
})

<input id='foo' />
<button id='clk'>Serialize</button>

推荐文章

gronostaj kenorb · 如何阻止Simple将“class”属性写入XML文件?

7 年前

Karine Mellata · 序列化零散项以进行XML输出

7 年前

kevp · 如何序列化没有值的整数元素?

7 年前

scher · 何时使用ShouldSerializeXXX与XmlIgnoreAttribute进行XML序列化

7 年前

Eve · Web api-xml前缀

7 年前

veili_13 · 如何在自动生成的WSDL中忽略序列化的属性?

8 年前

SacDeFromage · 序列化具有接口的对象

8 年前

Laurence · 通过WCF服务公开域模型数据的最佳方法

8 年前

EAX · C语言中的递归序列化#

9 年前

Dave Hirsch · 如何使用SimpleXML在序列化期间保持结构?

9 年前