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 相关文章推荐
document.compatMode介绍
May 21 Javascript
jQuery AjaxQueue改进步骤
Oct 06 Javascript
Javascript中replace()小结
Sep 30 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
探讨JavaScript语句的执行过程
Jan 28 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
webpack4.x打包过程详解
Jul 18 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 Javascript
如何利用node转发请求详解
Sep 17 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 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
第三节 定义一个类 [3]
2006/10/09 PHP
PHP生成静态页面详解
2006/12/05 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
浅谈php中curl、fsockopen的应用
2016/12/10 PHP
详解PHP使用Redis存储session时的一个Warning定位
2017/07/05 PHP
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
微信小程序版本自动更新的方法
2019/06/14 Javascript
理论讲解python多进程并发编程
2018/02/09 Python
Python双向循环链表实现方法分析
2018/07/30 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
Python基于WordCloud制作词云图
2019/11/29 Python
Python+Redis实现布隆过滤器
2019/12/08 Python
django3.02模板中的超链接配置实例代码
2020/02/04 Python
pytorch进行上采样的种类实例
2020/02/18 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
浅析Python 条件控制语句
2020/07/15 Python
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
关于礼仪的演讲稿
2014/01/04 职场文书
优秀员工表扬信
2014/01/17 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
师德师风自我评价范文
2014/09/11 职场文书
严以律己学习心得体会
2016/01/13 职场文书
HTML速写之Emmet语法规则的实现
2021/04/07 HTML / CSS
Python可视化动图组件ipyvizzu绘制惊艳的可视化动图
2022/04/21 Python