QuerySelector设置文本值

我有这个循环应该将<input type="text"/>值设置为none并更新占位符。当我登录节点它工作正常，但value和placeholder不更新？哪里不对？QuerySelector设置文本值

数据是一个JSON对象。

var data = {"password":"password","username":"xhinii"};

JS：

var data = {"password":"password","username":"xhinii"}; 

for(var prop in data) { 
    console.log(document.querySelector('input[name = "' + prop + '"]')); //works fine. logs the node. 
    document.querySelector('input[name = "' + prop + '"]').value = ''; //doesn't work 
    document.querySelector('input[name = "' + prop + '"]').setAttribute('placeholder', data[prop]);//doesn't work 
}

来源

2016-02-27 Rexhin Hoxha

你的数据是**不**一JSON对象。请不要修改您的问题以修复导致您发布的问题的错字或问题。相反，如果问题是由简单的错误或错字导致的，请关闭该问题。如果您有其他/不同的问题，请打开一个新问题。 – 2016-02-27 17:32:13

是的，它是...... –

没有这样的东西作为JSON对象。 JSON是一种用于交换信息的基于字符串的表示形式。你在这里有一个普通的日常JavaScript对象。 – 2016-02-27 17:34:40

你不应该分析的对象只是用它：

var data= {"password":"password","username":"xhinii"}; 
 

 
for(var prop in data) { 
 
    document.querySelector('input[name = "' + prop + '"]').value = prop; 
 
    document.querySelector('input[name = "' + prop + '"]').setAttribute('placeholder', data[prop]) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name='password' /> 
 
<input name='username' />

来源

2016-02-27 16:58:42

什么是解决方案？ –

你的意思是？你为什么要更新浏览器中的DOM？ –

不是DOM。 'text value'' –

QuerySelector设置文本值

回答

相关问题