JS函数修改html的元素内容,及修改属性内容的方法


Posted in Javascript onOctober 28, 2016

修改元素内容:

<body>
	<p id="pid">Hello</p>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			var nv = document.getElementById("pid");
			nv.innerHTML="World";
		}
	</script>
</body>

修改元素标签属性:

<body>
	<a href="http://www.baidu.com/" id="aid" >呵呵</a>
	<button onclick="demo()">按钮</button>
	<script>
		function demo(){
			document.getElementById("aid").href="http://www.jikexueyuan.com";
		}
	</script>
</body>

以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
javascript,jquery闭包概念分析
Jun 19 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
Mar 27 Javascript
JQuery球队选择实例
May 18 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
解决vue watch数据的方法被调用了两次的问题
Nov 07 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
angularjs 表单密码验证自定义指令实现代码
Oct 27 #Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 #Javascript
不使用script导入js文件的几种方法
Oct 27 #Javascript
JSON 必知必会 观后记
Oct 27 #Javascript
使用JSON作为函数的参数的优缺点
Oct 27 #Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 #Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 #Javascript
You might like
PHP使用者状态管理功能的应用
2006/10/09 PHP
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
IE8 内存泄露(内存一直增长 )的原因及解决办法
2016/04/06 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
2016/07/01 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
Babel 入门教程学习笔记
2018/06/13 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
Python文件与文件夹常见基本操作总结
2016/09/19 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
Python识别处理照片中的条形码
2020/11/16 Python
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
城市轨道交通工程职业生涯规划书范文
2014/09/16 职场文书
项目经理岗位职责
2015/01/31 职场文书
孔子观后感
2015/06/08 职场文书
孟佩杰观后感
2015/06/17 职场文书
国家助学金受助感言
2015/08/01 职场文书