五一七教育网

搜索

您的当前位置：首页 innerTextinnerHTML的用法以及注意事项[推荐]_javascript技巧

innerTextinnerHTML的用法以及注意事项[推荐]_javascript技巧

来源：五一七教育网

一:动态改变文本和Html

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
此例的效果是先在文本框中输入文本，然后按“输出文本”的按钮，接着网页便会自动输出您所输入的文本
三:注意innerHTML有自动检查语法的功能,它会把不完整的HTML代码补充完整,这点可以说是神奇,例如下面的这段脚本

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Demo3</title> 
</pre>输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例： <BR>/gim,''))">无HTML,符合W3C标准

<script type="text/javascript" src="https://jss.huatuo6.com/pc/wenzhang/detail_dy.js"></script>
            <script type="text/javascript" src="https://jss.517ttc.cn/pc/wenzhang/detail_left.js"></script>
            </div>
            <div class="glfra_f">
                
                
            </div>
        </div>
        <script type="text/javascript" src="https://jss.517ttc.cn/pc/wenzhang/wenzhang/detail_foot.js"></script>
        
                <script type="text/javascript" src="https://jss.517ttc.cn/pc/share_right_gg1.js"></script>
        <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_xgzx.js"></script>
        <script type="text/javascript" src="https://jss.517ttc.cn/pc/share_right_gg2.js"></script>
        <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_right_rmyd.js"></script>
    </div>
    <div class="n_right">
    <script type="text/javascript" src="https://jss.517ttc.cn/pc/share_cebian_gg1.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmht.js"></script>
    <script type="text/javascript" src="https://jss.517ttc.cn/pc/share_cebian_gg2.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_rmtw.js"></script>
    <script type="text/javascript" src="https://jss.517ttc.cn/pc/share_cebian_gg3.js"></script>
    <script type="text/javascript" src="https://jss.huatuo6.com/pc/share_cebian_wntj.js"></script>
    </div>
</div>
<script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot4.js"></script><div class="foot">
    <div class="smain">
        <div class="foot_ano clearfix">
            
            <div class="foot_mesg">
                <p>
                    Copyright © 2019-<span class="currentYear"></span> 517ttc.cn 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#fff">赣ICP备2024042791号-8</a>                </p>
                <p>
                    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
                </p>
                <p>
                    本站由北京市万商天勤律师事务所王兴未律师提供法律服务
                </p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    const currentYear = new Date().getFullYear();
$('.currentYear').html(currentYear)
</script>