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 相关文章推荐
JS判断文本框内容改变事件的简单实例
Mar 07 Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
vue.js学习笔记:如何加载本地json文件
Jan 17 Javascript
JS实现最简单的冒泡排序算法
Feb 15 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
Jul 26 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
react使用CSS实现react动画功能示例
May 18 Javascript
原生js实现表格翻页和跳转
Sep 29 Javascript
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实现手机归属地查询API接口实现代码
2012/08/27 PHP
CodeIgniter生成网站sitemap地图的方法
2013/11/13 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP7新特性
2021/03/09 PHP
多广告投放代码 推荐
2006/11/13 Javascript
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
JavaScript 对象、函数和继承
2009/07/07 Javascript
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
javascript入门之string对象【新手必看】
2016/11/22 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
2019/07/22 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
js中实现继承的五种方法
2021/01/25 Javascript
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
pip安装python库的方法总结
2019/08/02 Python
韩国11街:11STREET
2018/03/27 全球购物
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
绘儿乐产品官方在线商店:Crayola.com
2019/09/07 全球购物
个人贷款担保书
2014/04/01 职场文书
中学生评语大全
2014/04/18 职场文书
乡镇食品安全责任书
2014/07/28 职场文书
委托书的格式
2014/08/01 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang