JS给html控件赋值

最新推荐文章于 2022-07-26 10:45:35 发布

weixin_33770878

最新推荐文章于 2022-07-26 10:45:35 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/leebokeyuan/p/9227971.html

本文介绍如何使用JavaScript来操作HTML页面中的元素，包括设置文本内容和输入框的值。通过具体的示例代码展示了如何利用getElementById方法选取指定ID的元素，并分别使用innerHTML和innerText属性为<span>标签设置内容，以及使用value属性为<input>标签赋值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
    <title> JS给html控件赋值 </title>
    <script language="javascript" type="text/javascript">
        window.onload = function setValue() {
            document.getElementById("s1").innerHTML = "信息";
            document.getElementById("s2").innerText = "信息";
            document.getElementById("s3").value = "信息";
        }
    </script>
</head>
<body>
    <span id="s1"></span>
    <span id="s2"></span>
    <input id="s3" name="s1" />
</body>
</html>