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中Array方法你该知道的正确打开方法

    JavaScript中Array方法你该知道的正确打开方法

    string和array作为javascript内置对象,其中许多方法无论是在开发过程中,还是在面试的时候都有机会被面试官问到,下面这篇文章主要给大家介绍了关于JavaScript中Array方法你该知道的正确打开方法,需要的朋友可以参考下
    2018-09-09
  • JavaScript获得url所有参数键值表的方法

    JavaScript获得url所有参数键值表的方法

    这篇文章主要介绍了JavaScript获得url所有参数键值表的方法,实例分析了javascript操作URL的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • js实现索引图片切换效果

    js实现索引图片切换效果

    这篇文章主要介绍了js实现索引图片切换效果的代码,特别炫酷的效果,推荐给大家,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • javascript hashtable实现代码

    javascript hashtable实现代码

    javascript中没有像c#,java那样的哈希表(hashtable), 然而,javascript中的Array也只有一些类似于'哈希表'的非常简单功能。
    2009-10-10
  • javascript常用经典算法详解

    javascript常用经典算法详解

    本文主要介绍了javascript七种常见算法:冒泡排序;插入排序;希尔排序;归并排序;快速排序;选择排序;奇偶排序。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JS中cookie的使用及缺点讲解

    JS中cookie的使用及缺点讲解

    Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前,基本上所有的网站都采用Cookie来跟踪会话。下面通过本文给大家介绍JS中cookie的使用及缺点,需要的朋友参考下吧
    2017-05-05
  • javascript严格模式详解(含严格模式与非严格模式的区别)

    javascript严格模式详解(含严格模式与非严格模式的区别)

    这篇文章主要介绍了javascript严格模式详解(含严格模式与非严格模式的区别),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • JS+CSS实现模仿浏览器网页字符查找功能的方法

    JS+CSS实现模仿浏览器网页字符查找功能的方法

    这篇文章主要介绍了JS+CSS实现模仿浏览器网页字符查找功能的方法,实例分析了javascript实现查找功能的样式及相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 使用原生javascript创建通用表单验证——更锋利的使用dom对象

    使用原生javascript创建通用表单验证——更锋利的使用dom对象

    使用原生javascript创建通用表单验证——更锋利的使用dom对象,学习js的朋友可以参考下。
    2011-09-09
  • 小程序点赞收藏功能的实现代码示例

    小程序点赞收藏功能的实现代码示例

    这篇文章主要介绍了小程序点赞收藏功能的实现代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09

最新评论