当前位置: 首页 > 编程笔记 >

JS函数修改html的元素内容,及修改属性内容的方法

鲁景山
2023-03-14
本文向大家介绍JS函数修改html的元素内容,及修改属性内容的方法,包括了JS函数修改html的元素内容,及修改属性内容的方法的使用技巧和注意事项,需要的朋友参考一下

修改元素内容:

<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的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持小牛知识库~

 类似资料:
  • 数据表格里,选取单元格,双击可打开编辑状态,输入内容后,按Enter键保存

  • 本文向大家介绍JavaScript动态修改网页元素内容的方法,包括了JavaScript动态修改网页元素内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript动态修改网页元素内容的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码当用户点击提交按钮后,通过元素的textContent或者innerHTML动态指定元素的内容 希望本文所述对大家的javascr

  • 在本章中,我们将研究如何在Drupal中Modify content 。 您可以修改以前使用的任何内容类型的内容,例如Articles, Basic page和Blog entry 。 以下是用于修改内容的简单步骤。 Step 1 - 单击选项卡Content ,如以下屏幕所示。 Step 2 - 您将看到与以下相同的屏幕。 Step 3 - 如果您有大量内容,可以使用过滤器搜索要修改的内容。 您

  • 本文向大家介绍jQuery修改CSS伪元素属性的方法,包括了jQuery修改CSS伪元素属性的方法的使用技巧和注意事项,需要的朋友参考一下 CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。 假设有如下HTML代码: 和CSS代码: 现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%, 有两个方法,一个是

  • 本文向大家介绍JQuery选择器绑定事件及修改内容的方法,包括了JQuery选择器绑定事件及修改内容的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery选择器绑定事件及修改内容的方法。分享给大家供大家参考。具体实现方法如下: 更多关于jquery选择器相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》 希望本文所述对大家的jQuery程序设计有所帮助。

  • 问题内容: 我想使用Java程序删除文件的某些内容,如下所示。这是在相同文件中替换的写方法,还是应将其复制到另一个文件。 但是它删除了文件的所有内容。 问题答案: 我将从关闭阅读器和刷新书写器开始: