脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js改变html内容

js改变html的原有内容实现方法

 更新时间：2016年10月05日 20:56:31   投稿：jingxian  
下面小编就为大家带来一篇js改变html的原有内容实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

如下所示：

 <!-- 不能把JavaScript写在这个头部来改变html的内容 -->

<!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js改变html的内容</title>
<!-- 不能把JavaScript写在这个头部来改变html的内容-->
</head>

<body>
<!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->
<p id="pid">Hello Html!</p>
<script type="text/javascript">
	document.getElementById("pid").innerHTML="绝地反击";//js改变html的内容
</script>
</body>
</html>

以上就是小编为大家带来的js改变html的原有内容实现方法全部内容了，希望大家多多支持脚本之家~

您可能感兴趣的文章:

相关文章

  • JavaScript-RegExp对象只能使用一次问题解决方法

    JavaScript-RegExp对象只能使用一次问题解决方法

    RegExp对象执行了一次后就废掉了,所以每次用RegExp都需要重新new一个，下面有个示例，需要的朋友可以参考下
    2014-06-06
  • 详解JavaScript 新语法之Class 的私有属性与私有方法

    详解JavaScript 新语法之Class 的私有属性与私有方法

    这篇文章主要介绍了JavaScript 新语法之Class 的私有属性与私有方法 ,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2019-04-04
  • Javascript 实现计算器时间功能详解及实例（二）

    Javascript 实现计算器时间功能详解及实例（二）

    这篇文章主要介绍了Javascript 实现计算器时间功能详解及实例的相关资料,需要的朋友可以参考下
    2017-01-01
  • javascript div 遮罩层封锁整个页面

    javascript div 遮罩层封锁整个页面

    在客户端浏览器中，可以在某个时机使用javascript把一个div作为遮罩层，来封锁整个页面。
    2009-07-07
  • JS实现仿Windows经典风格的选项卡Tab切换代码

    JS实现仿Windows经典风格的选项卡Tab切换代码

    这篇文章主要介绍了JS实现仿Windows经典风格的选项卡Tab切换代码,涉及JavaScript元素的遍历与样式的修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js实现简单的随机点名器

    js实现简单的随机点名器

    这篇文章主要为大家详细介绍了js实现简单的随机点名器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • bootstrap中selectpicker下拉框使用方法实例

    bootstrap中selectpicker下拉框使用方法实例

    这篇文章主要给大家介绍了关于bootstrap中selectpicker下拉框使用的相关资料，文中通过示例介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • axios/fetch实现stream流式请求示例详解

    axios/fetch实现stream流式请求示例详解

    这篇文章主要为大家介绍了axios/fetch实现stream流式请求示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-09-09
  • TypeOf这些知识点你了解吗

    TypeOf这些知识点你了解吗

    昨天给同事一起玩耍，同事给我出了一道代码题目，是关于typeof的，感觉挺好玩的，在此分享给大家，顺便巩固下自己对typeof知识点的总结
    2016-02-02
  • 小程序实现多选框功能

    小程序实现多选框功能

    这篇文章主要为大家详细介绍了小程序实现多选框功能，小程序实现单选全选多选删除操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-10-10

最新评论