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 相关文章推荐
javascript 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
Jun 24 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 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判断字符串长度的两种方法很实用
2015/09/22 PHP
Zend Framework教程之模型Model基本规则和使用方法
2016/03/04 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
php生成HTML文件的类方法
2019/10/11 PHP
JavaScript 继承的实现
2009/07/09 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
JavaScript使用简单正则表达式的数据验证功能示例
2017/01/13 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
Python中用PIL库批量给图片加上序号的教程
2015/05/06 Python
python使用str &amp; repr转换字符串
2016/10/13 Python
python 连接sqlite及简单操作
2017/06/30 Python
python和pygame实现简单俄罗斯方块游戏
2021/02/19 Python
python__name__原理及用法详解
2019/11/02 Python
在 Pycharm 安装使用black的方法详解
2020/04/02 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
荷兰最大的鞋子、服装和运动折扣店:Bristol
2021/01/07 全球购物
学雷锋宣传标语
2014/06/25 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
pandas中DataFrame重置索引的几种方法
2021/05/24 Python