• <small id='84b2tjmu'></small><noframes id='xhouvnrk'>

    <tfoot id='s8mf8sjr'></tfoot>
    您的位置:荆州电脑信息网 > 设置问题 > javascript设置html元素的内容

    javascript设置html元素的内容

    作者:电脑信息网日期:

    返回目录:设置问题


    1、首先打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:

    2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示:

    3、在html里为button按钮添加宇哥点击创建div的事件,完成之后代码就写好了,接下来需要看看效果:

    4、保存好html文件后使用浏览器打开,此时还没有创建div:

    5、最后点击button按钮,会执行脚本创建div的事件,新的div就创建好了,顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的操作:



    简单的实现,仅供参考zhidao

    <body>
    <b style="width:100px; height:100px; border:1px solid #ccc;"></b>
    </body>
    <script type="text/javascript">
    var oB = document.getElementsByTagName('b')[0];
    var arr = [1,2,3,4,5,6,7,8,94,1,3,4,5,6];
    oB.onclick=function(){
    oB.innerHTML = arr[Math.floor(Math.random()*arr.length)]; //修改DIV标签里面的内容
    };
    </script>

    1、打开html编辑器,新建一个html文件,文件内写入基本的html结构,设置一个p标签,再设置一个按钮:

    2、这里需要给按钮绑定一个click事件,函数名为show,当点击按钮时,就会弹出p标签中的内容。script标签中编写脚本,只要用getElementsByTagName获取p标签的dom元素就可以了,“[0]”表示第一个元素,之后用alert弹出p标签的内容就完成了程序的编写:

    3、最后,用浏览器打开html文件,可以看到p标签和按钮:

    4、接着点击按钮即可弹出p标签的内容,以上就是用js获取HTML标签的方法:



    innerHTML属性可以获取或设置元素的内容.
    将内容作为文本来处
    如:alert(v.innerHTML);
    v.innerHTML='<span>这是新内容</span><p>还有一句</p>';
    alert(v.innerHTML);
        <tbody id='ylnzske8'></tbody>

      <tfoot id='yqglkrt9'></tfoot>
    • <small id='0midxh4b'></small><noframes id='0sghb8oh'>

      相关阅读

      • javascript设置html元素的内容

      • 电脑信息网设置问题
      • 1、首先知打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:2、然后为button添加道点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着
      关键词不能为空

      标签导航

      html中怎样设置内边框 在html中如何设置底部边框 在HTML中如何设置边框? html中单元格边框怎么显示? windows7旗舰版系统失败的日志文件在哪 如何关闭win7中的错误报告? 怎样查看WIN7错误报告日记 关于操作系统的选择win10和win server 201... windows10操作系统属于什么软件 win10怎么进入操作系统选单 Win10怎样查看操作系统安装时间 怎么用JS给HTML标签添加内容 js如何改变html元素的值 javascript中改变html内容 javascript修改html &lt;b&gt;标签内容 Win7 64位旗舰版系统无法正常关机 Win7旗舰版系统强制关机后无法启动怎么办? win7系统强制关机后开不了机了怎么办 系统之家Win7旗舰版系统强制关机后无法启动怎么办 win10我下的是专业版怎么变成企业版了 win10专业版怎么变成企业版 win10原来是专业版怎么变成企业版了 win10怎么从专业版升级到企业版 电脑看电视剧老自己屏幕保护怎么办 电脑看电影总是进入屏幕保护状态该怎么解决 我电脑看连续剧,今天怎么老是自动屏幕保护,黑屏,晃晃鼠标就亮... 为什么我的电脑在看电影的时候会出现屏幕保护 怎么办 三国志11威力加强版双击没反应,怎么办? 三国志11威力加强版启动不起来 什么反应都没有win764位... win7 64位系统,三国志无法启动如何解决? 为什么WIN7 64 点击游戏图标以后没有反应 win10之前加密了一个文件夹,然后现在新建文件都是加密状态... win10如何取消自动加密文件 电脑装了前沿风雷加密原件,win10系统,新建文件自动加密怎... WIN10专业版,保存文件时自动加密,如何设置保存文件时才能... 逍遥安卓模拟器的版本更新 如何更换安卓模拟器模拟的安卓系统版本 逍遥模拟器是不是可以玩任何安卓版本 逍遥模拟器怎么设置android版本 电脑C盘爆满,推荐一个简单易懂的清理磁盘软件 win7有什么深度清理C盘的工具?C盘的垃圾太多 求关于清理C盘临时文件的 后缀名为bat的清理软件! win7系统怎么把C盘里垃圾清除干净,只保留系统文件 你们的win10系统打开软件或者关闭软件鼠标指针会卡顿一下吗 win10 1903版本,鼠标指针会偶尔卡住消失,然后隔几秒... 你们的win10系统打开软件或者关闭软件鼠标指针会卡顿一下吗... excel表格中每页页脚一致怎么设置 excel表格页脚怎么设置星期几 excel文件中如何把页脚设置成第几页共几页? excel表格的最后一页页脚如何设置 win7搜索不到蓝牙设备怎么处理 我的win7系统蓝牙老是搜索不到其他设备,显示是这样的 我的win7电脑蓝牙总是搜索不到其他蓝牙设备 怎么办呢

      电脑蓝屏,win7,win10相关问题_荆州电脑信息网