JS里面如何改变INPUT标签内容

<body>
<script>
function change(){
document.getElementById("in")这个后面改选择哪个属性，我要ID为in 的input的猪头变成小猪
</script>
<input id="in">猪头</input>
<p onclick="change()" >改变</P>
</body>
我要改变的不是input的value内容，而是input 输入框旁边显示的标签内容
<input id="改变">“猪头”</input>要改猪头这个变成小猪改内容我知道用value但是改猪头这个标签我用 innerHTML是错的，不知道应该用它的哪个属性

举报该问题

其他回答

第1个回答推荐于2017-10-07

jquery操作：$('#in').val("你想要的内容");

js操作：document.getElementById("in").value = "你想要的内容";

第2个回答推荐于2017-09-24

<body>
<script>
function change(){
document.getElementById("in").value = '小猪';
</script>
<input id="in">猪头</input>
<p onclick="change()" >改变</P>
</body>

追问

这个改变的是input的内容而不是input旁边显示的猪头标签的内容

追答<input id="in">猪头</input>input标签还能这么用啊？
<label><input id="in" value="" />猪头</label>这才是正确的！

本回答被提问者采纳

第3个回答 2013-06-03

<body>
<script>
    function change(){
        document.getElementById("in").innerHTML = '小猪';//innerHTML
    }
</script>
<input id="in">猪头</input>
<p onclick="change()" >改变</P>
</body>

追问

我也是这么写的但是innerHTML对于input 好像没有效果。我运行代码点击按钮会提示错误

追答

抱歉，是我太马虎了，input不能用innerHTML,而是应该用value

另外，我也是被你的代码弄晕了，因为input 标签不是你这么用的：
字
而应该是：

这样的写法才是规范的input标签用法，input标签必须的一个属性是type，你可以到手册上去仔细了解一下，input标签是自封闭型标签，并不是成对型标签，你这么用，浏览器的容错会自动更正，但显然对一些要求严格的浏览器来说，就不成了

第4个回答 2013-06-03

获取input标签的id值，然后给这个input赋值就行了，在网页里调用你的那个方法！

第5个回答 2013-06-03

function change()
{
var mybianliang="变成小猪";
document.getElementById("in").innerHTML=mybianliang;
}

1 2 下一页

相似回答

大家正在搜