Rumah > hujung hadapan web > tutorial js > javascript怎么改变文本内容

javascript怎么改变文本内容

青灯夜游
Lepaskan: 2023-01-04 09:34:56
asal
6743 orang telah melayarinya

javascript改变文本内容的方法:首先使用“document.getElementById("元素id值")”语句获取到元素对象;然后使用innerHTML属性来改变文本内容,语法格式“元素对象.innerHTML=text;”。

javascript怎么改变文本内容

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript改变html网页的文本内容

<body>
    <p id="demo">JavaScript能改变html文本内容</p>
    <script type="text/javascript">
        function myFunction() {
            x=document.getElementById("demo");  // 找到元素
            x.innerHTML="Hello JavaScript!";    // 改变内容
        }
    </script>
    <button type="button" οnclick="myFunction()">点击这里</button>
</body>
Salin selepas log masuk

代码截图:

1.png

演示截图:

2.png

3.png

【推荐学习:javascript高级教程

Atas ialah kandungan terperinci javascript怎么改变文本内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan