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针对DOM的应用分析(三)
Apr 15 Javascript
javascript基于DOM实现权限选择实例分析
May 14 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
BootStrap3学习笔记(一)之网格系统
May 20 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
React-Native中禁用Navigator手势返回的示例代码
Sep 09 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 Javascript
详解JavaScript原型与原型链
Nov 16 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/js获取客户端mac地址的实现代码
2013/07/08 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
laravel安装和配置教程
2014/10/29 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
2016/12/08 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
2017/12/12 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
python制作websocket服务器实例分享
2016/11/20 Python
Python实现文件信息进行合并实例代码
2018/01/17 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
浅谈Python 参数与变量
2020/06/20 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
存储过程的优点有哪些
2012/09/27 面试题
结婚典礼证婚词
2014/01/11 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
教师自我剖析材料
2014/09/29 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
预备党员的思想汇报,你真的会写吗?
2019/06/28 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
golang连接MySQl使用sqlx库
2022/04/14 Golang