JavaScript改变 HTML 内容

<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript <h1>   <p id = "demo">JavaScript 能改变 HTML 元素的内容</p><script>function myFunction(){x = document.getElementById("demo");  //找到元素x.innerHTML = "Hellp JavaScript!";    //改变内容}</script><p><button type = "button" onclick = "myFunction()">点击这里</button>  </p>
</body></html>

打开网页后：

----------------------------------------------------

点击按钮后：

----------------------------------------------------

转载于:https://blog.51cto.com/liam2199/1725132

JavaScript改变 HTML 内容相关推荐

【转】使用Javascript改变HTML内容
原文地址:http://www.qeefee.com/js/change-html-used-javascript 更多Javascript教程,欢迎访问起飞网>>Javascript教程 ...
js innerHTML 改变div内容的方法
2019独角兽企业重金招聘Python工程师标准>>> 永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中.通过操纵一个元素的i ...
3.改变 HTML 内容
①x=document.getElementById("demo") //查找元素 ②x.innerHTML="Hello JavaScript"; //改变内 ...
ajax怎么找回地址栏,使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL...
HTML5里引用了新的API,就是history.pushState和history.replaceState,就是通过这个接口做到无刷新改变页面URL的. 与传统的AJAX的区别传统的ajax有如 ...
使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
原生js怎么追加html,原生JS改变HTML内容
最近发现总是把原生JS语法和诸多框架库神马的语法搞混,打算暂时弃用各种库,回归到原生来,好好抠一抠所有的细节,跳一跳各种坑,才能飞得更远.PS. 突然想起冰火里面三眼乌鸦对布兰说的那句话--You'l ...
打印JavaScript对象的内容？ [重复]
本文翻译自:Print content of JavaScript object? [duplicate] This question already has an answer here: 这个问题 ...
javaScript年份下拉列表框内容为当前年份及前后50年
转自:https://www.cnblogs.com/horanly/p/7825557.html javascript下拉列表框,内容为当前年份及前后50年,默认选择为当前年份 <script ...

JavaScript改变 HTML 内容

JavaScript改变 HTML 内容相关推荐

最新文章

热门文章