首页前端开发JavaScriptjavascript怎么改变a标签的值

javascript怎么改变a标签的值

时间2024-01-30 09:28:03发布访客分类JavaScript浏览256
导读:收集整理的这篇文章主要介绍了javascript怎么改变a标签的值,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript改变a标签值的方法:1、使用“document.getElementById('id值' ”语句根据指定...
收集整理的这篇文章主要介绍了javascript怎么改变a标签的值,觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript改变a标签值的方法:1、使用“document.getElementById('id值')”语句根据指定id值获取a元素对象;2、使用“a元素对象.innerHTML = "新文本内容"”语句来改变值。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript改变a标签的值

  • 获取a标签元素对象

  • 使用innerHTML属性修改值

实现代码:

!DOCTYPE html>
    html>
    	head>
    		meta charset="UTF-8" id="remove">
    	/head>
    	body>
    		p style="font-Size: 19px;
     font-weight: bold;
    ">
    单击按钮改变下面a标签的值/p>
    		a href="#" id="a">
    超链接文本/a>
    br />
    br />
    		button onClick="Fun()">
    点击这里/button>
    		script>
    			VAR a = document.getElementById('a');
 //获取a元素对象			function Fun() {
    				a.innerHTML = "新文本内容";
			}
    		/script>
    	/body>
    /html>
    

效果图:

说明:

innerHTML 属性设置或返回开始和结束标签之间的 HTML。语法:

HTMLElementObject.innerHTML=textHTMLElementObject.innerHTML

【推荐学习:javascript高级教程】

以上就是javascript怎么改变a标签的值的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript怎么改变a标签的值
本文地址: https://pptw.com/jishu/592340.html
pull总是提示输入密码问题是什么情况? C#中匿名委托以及Lambda表达式的实例详解

游客 回复需填写必要信息