JavaScript设置div内容;js设置div内容

JavaScript如何设置div标签里的内容,只需要使用到innerHmtl即可。

方法/步骤

新建html文件。如图:

在html代码页面找到<body>,在 <body>里创建一个按钮标签。如图:

代码:<input type="button" onclick="showBtn()" value="点我" />

在按钮标签后创建一个<div>用于设置内容,并给这个<div>设置一个id。如图:

代码:<div id="content"></div>

创建点击事件。在<title>后面新建一个<script>,然后在这个<script>里创建一个点击的事件,这个事件就是点击按钮后修改div里的内容。如图:

保存好html文件后使用浏览器打开,点击按钮即可看到效果。如图:

所有代码。可以直接把所有代码复制到新建html文件上,保存后直接使用浏览器打开即可看到效果。

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js设置div的内容</title>

<script>

function showBtn(){

document.getElementById("content").innerHTML=

"大家好,我是添加到div的内容";

}

</script>

</head>

<body>

<input type="button" onclick="showBtn()" value="点我" />

<div id="content"></div>

</body>

</html>

标签:标签, 内容
分类:互联网
时间:2016-11-28

JavaScript设置div内容;js设置div内容的相关文章

css设置内容超过容器(div,span等)长度,自动换行

制作网站的时候,很多时候会遇到网页的内容超过了容器的长度,比如div的长度时,会被截断,不显示的情况。那么我们该怎么解决这种情况呢??

怎么设置QQ群屏蔽时关注内容

QQ是大部分人都在使用的聊天工具。除了用以和朋友聊天之外,大部分用户还会加入QQ群。相信有很多人都在饱受QQ群信息的骚扰,但是完全屏蔽群消息又怕自己错过了一些重要内容。下面小编教大家一个使用QQ的小技巧,教你如何设置QQ群屏蔽时关注内容。腾讯在新推出的QQ版中添加了这一功能,所以首先需要下载最新一版QQ。 在QQ主面板中找到已经屏蔽群消息的Q群,右击,菜单中选择群消息设置-设置屏蔽时关注内容。 图1 该功能可以设置两种关注内容。一是设置接收关注成员的发言,选择好友之后,只要好友在该群中发言,就会

按键精灵设置自动清除Prefetch文件夹内容脚本的图文步骤

按键精灵是一款功能非常强大的软件,网友可以通过设置鼠标与键盘的动作脚本,让鼠标与键盘替自己完成非常多重复而繁琐的工作.而今天,小编将为大家讲解的是,使用按键精灵设置自动清除Prefetch文件夹内容的方法,希望大家会喜欢! WindowsXP系统文件夹下有一个Prefetch文件夹,它是windows为了加快运行速度而使用的预读文件夹,不过时间久了Prefetch文件夹内会堆放了许多垃圾,特别是如果用户经常更换电脑配置的话,系统以前记录的进程资料就没有任何用处了.文件太多反而会影响系统速度,因此

设置360浏览器定期更新页面内容

每天浏览网页的同志,都知道现在的信息变化非常快,通常几秒钟网页的内容就会有变化,所以经常需要更新页面内容才能看到最新的内容,下面就以360浏览器为例,介绍浏览器定期更新页面内容的方法:

iPad抹掉所有内容和设置怎样恢复

经常收到小白、小菜的求助,询问苹果相关问题。刚好作家俺iOS玩的多了,iPhone4、iPod Touch4、iPad都在玩。工作需要加上个人爱好,等待了许久,终于在一个月黑风高的晚上,瞅准时机2792RMB直接拿下。好多小白对于这个iOS设备比较畏惧,不会操作,一不小心就恢复出厂设置,所有资料和应用都被删除了,这该怎么是好?作家俺给大家说上一说,这个iPad抹掉所有内容和设置怎样恢复,作家俺以iPad2为例,侃侃而谈。方便大家购机、玩机、做到买的顺心、玩的舒心。俺的百度知道ID:wwwllllove1国

qq怎么设置自动回复内容和快捷回复内容

平时在使用qq时总是看到有些人自动回复很有个性,可是 我的自动回复却只有那么两三个,怎么设置呢?还有人能够很快的回复,后来才知道,原来他们不是打的那么快,是有些快捷回复已经设置好了。

Windows搜索包含文档(文件)内容的设置方法

有时候我们在计算机里搜索文件时,知道某个文档里的内容(文件名却不包含这个关键词),这时候我们就希望搜索时能包括文件的内容,而不仅仅是文件名。现在小编就和大家分享一下Windows搜索包含文档(文件)内容的设置方法。

苹果手机如何抹掉所有内容和设置

苹果手机可以通过以下的方法,抹掉所有内容和设置。

苹果手机抹掉所有内容和设置

今天,小编介绍一下怎么将苹果手机所有的记录和内容清除,抹掉所有内容和设置。希望能够帮助到大家。