JS笔记1——JS修改input内容

使用JS修改html中某一id的内容的两种简单方式：

1.通过id直接修改

<input id="num" name="num" value="123"/>
<button onclick="change()">直接修改button>
<script>
    function change(){
        num.value=456;
    }
script>

这样，打开测试网页，可以修改id为num的输入框内容，将‘123’改为‘456’
2.先通过id获取到元素本身，再修改其value

<input id="num" name="num" value="123"/>
<button onclick="change()">修改byIdbutton>
body>
<script>
    function change(){
        // alert("修改");
        x=document.getElementById("num");
        x.value=456;
    }
script>

效果跟之前一样，但是少了一行代码，所以直接用**id.value=“x”**的方式去修改内容，是比较简洁方便的