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 中document.URL 和 windows.location.href 的区别
Nov 11 Javascript
jquery 应用代码 方便的排序功能
Feb 06 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
jquery的$().each和$.each的区别
Jan 18 jQuery
微信小程序实现同一页面取值的方法分析
Apr 30 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
详细分析Node.js 多进程
Jun 22 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/02/15 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
PHP面向对象程序设计实例分析
2016/01/26 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
JavaScript触发器详解
2007/03/10 Javascript
ext for eclipse插件安装方法
2008/04/27 Javascript
prototype 中文参数乱码解决方案
2009/11/09 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
JavaScript实现的encode64加密算法实例分析
2015/04/15 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
浅谈MySQL中的触发器
2015/05/05 Python
Python读写docx文件的方法
2018/05/08 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
复古斯堪的纳维亚儿童服装:Baby go Retro
2017/09/09 全球购物
外贸业务员岗位职责
2013/11/24 职场文书
小车司机岗位职责
2013/11/25 职场文书
2014年有孩子的离婚协议书范本
2014/10/08 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
python基于opencv批量生成验证码的示例
2021/04/28 Python
python用tkinter开发的扫雷游戏
2021/06/01 Python
java设计模式--原型模式详解
2021/07/21 Java/Android