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 相关文章推荐
extjs 学习笔记(一) 一些基础知识
Oct 13 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
JQuery中extend的用法实例分析
Feb 08 Javascript
js实现进度条的方法
Feb 13 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
Apr 13 Javascript
详解ECMAScript typeof用法
Jul 25 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中动态HTML的输出技术
2006/10/09 PHP
一个简洁的多级别论坛
2006/10/09 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
Java和PHP在Web开发方面对比分析
2015/03/01 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
微信小程序自定义音乐进度条的实例代码
2018/08/28 Javascript
vue 判断页面是首次进入还是再次刷新的实例
2020/11/05 Javascript
安装python3的时候就是输入python3死活没有反应的解决方法
2018/01/24 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
flask框架路由常用定义方式总结
2019/07/23 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
软件测试笔试题
2012/10/25 面试题
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
工作收入证明模板
2014/10/10 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
2015年推普周活动总结
2015/03/27 职场文书
2015年社区精神文明工作总结
2015/05/26 职场文书
python第三方网页解析器 lxml 扩展库与 xpath 的使用方法
2021/04/06 Python
使用HttpSessionListener监听器实战
2022/03/17 Java/Android