JavaScript中通过节点获取元素值的方法有很多，以下是一些常见的方法： 1. 使用`.value`属性： - 对于`<input>`、`<textarea>`和`<select>`元素，可以直接使用`.value`属性获取其值。 ```javascript var inputElement =

当前位置：首页 JS JavaScript中通过节点获取元素值的方法有很多，以下是一些常见的方法： 1. 使用`.value`属性： - 对于``、`

`和`<select>`元素，可以直接使用`.value`属性获取其值。
   ```javascript
   var inputElement =</a>
    </nav>
    <div class="row clearfix" style="transform: none;">
        <div class="main fl">
            <article class="post single-post">
                <header class="entry-header page-header">
                    <h6 class="place clearfix">
                        <span class="nat_tit">正文</span>
                        <div id="font-change" class="single-font fr">
                            <span id="font-dec"><a href="https://www.lhuier.cn/cc/javascript-zhong-tong-guo-jie-dian-huo-qu-yuan-su-zhi-de-fang-fa-you-hen-duo-yi-xia-shi-yi-xie-chang.html" title="减小字体"><i
                                    class="fa fa-minus-square-o"></i></a></span>
                            <span id="font-int"><a href="https://www.lhuier.cn/cc/javascript-zhong-tong-guo-jie-dian-huo-qu-yuan-su-zhi-de-fang-fa-you-hen-duo-yi-xia-shi-yi-xie-chang.html" title="默认字体"><i
                                    class="fa fa-font"></i></a></span>
                            <span id="font-inc"><a href="https://www.lhuier.cn/cc/javascript-zhong-tong-guo-jie-dian-huo-qu-yuan-su-zhi-de-fang-fa-you-hen-duo-yi-xia-shi-yi-xie-chang.html" title="增大字体"><i
                                    class="fa fa-plus-square-o"></i></a></span>
                        </div>
                    </h6>
                    
                    <h1 class="entry-title page-title">JavaScript中通过节点获取元素值的方法有很多，以下是一些常见的方法：

1. 使用`.value`属性：
   - 对于`<input>`、`<textarea>`和`<select>`元素，可以直接使用`.value`属性获取其值。
   ```javascript
   var inputElement =</h1>
                    <div class="contimg">
                        <a href="" alt="">
                            <img
                            src="https://www.lhuier.cn/favicon.ico"
                            class="avatar"
                            height="35"
                            width="35">
                        </a>
                    </div>
                    <div class="entry-meta contpost-meta">
                        <span class="autlv aut-1"></span>
                        <time datetime="2026-04-14 17:49:20"><span class="separator">/</span>2026-04-14 17:49:20</time>
                        <span class="entry-meta-viewnums"><span class="separator">/</span>0 浏览量</span></div>
                    <div class="postArticle-meta">
                        <span class="entry-meta-time"><span class="month">04</span><span class="day">14</span></span>
                    </div>
                    <div class="border-theme"></div>
                </header>
                <div id="post-category" class="show_text readtext post-category">
                    <div class="entry-content clearfix">
                        <p>在网页开发中，我们经常需要与用户输入进行交互，这就要求我们能够灵活地获取元素值。JavaScript为我们提供了多种获取元素值的方法，下面我们将对这几种方法进行详细解析，帮助开发者更好地理解和运用它们。</p>

<h2>1. 使用 <code>.value</code> 属性</h2>

<p>对于 <code><input></code>、<code><textarea></code> 和 <code><select></code> 元素，<code>.value</code> 属性是最直接获取值的手段。这种方法简单易用，适合获取这些表单元素的值。</p>

<pre><code class="language-javascript">var inputElement = document.getElementById('inputId');
var inputValue = inputElement.value;
</code></pre>

<p>这里，我们通过 <code>getElementById</code> 方法获取到对应元素，然后通过 <code>.value</code> 属性读取其值。</p>

<h2>2. 使用 <code>.innerText</code> 或 <code>.textContent</code> 属性</h2>

<p>对于其他元素，如 <code><div></code>、<code><p></code> 等，我们可以使用 <code>.innerText</code> 或 <code>.textContent</code> 属性来获取它们的文本内容。</p>

<pre><code class="language-javascript">var element = document.getElementById('elementId');
var textValue = element.innerText; // 或 element.textContent
</code></pre>

<p>需要注意的是，<code>.innerText</code> 和 <code>.textContent</code> 的区别在于它们对空格和换行符的处理。<code>.innerText</code> 会将它们视为普通字符，而 <code>.textContent</code> 会忽略它们。</p>

<h2>3. 获取 <code><select></code> 元素中选项的值</h2>

<p>当需要获取 <code><select></code> 元素中选中的选项的值时，我们可以使用 <code>options</code> 属性和 <code>selectedIndex</code> 属性。</p>

<pre><code class="language-javascript">var selectElement = document.getElementById('selectId');
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
</code></pre>

<p>这里，<code>options</code> 属性返回一个选项集合，而 <code>selectedIndex</code> 属性返回选中选项的索引。通过这两个属性，我们可以轻松获取到选中的选项值。</p>

<h2>4. 使用 <code>.getAttribute('属性名')</code> 方法</h2>

<p>对于任何元素，我们都可以使用 <code>getAttribute</code> 方法获取其属性值。</p>

<pre><code class="language-javascript">var element = document.getElementById('elementId');
var attributeValue = element.getAttribute('属性名');
</code></pre>

<p>这种方法适用于获取自定义属性和标准属性。</p>

<h2>5. 判断和获取 <code><input type="checkbox"></code> 和 <code><input type="radio"></code> 的值</h2>

<p>对于复选框和单选按钮，我们可以使用 <code>.checked</code> 属性判断是否被选中，并通过 <code>.value</code> 属性获取其值。</p>

<pre><code class="language-javascript">var checkbox = document.getElementById('checkboxId');
var isChecked = checkbox.checked;
var checkboxValue = checkbox.value;
</code></pre>

<p>这里，<code>isChecked</code> 为 <code>true</code> 或 <code>false</code>，表示复选框是否被选中。</p>

<h2>6. 获取自定义属性</h2>

<p>对于元素的 <code>data-*</code> 属性，我们可以使用 <code>dataset</code> 属性来获取。</p>

<pre><code class="language-javascript">var element = document.getElementById('elementId');
var dataValue = element.dataset.attribute; // 使用data-属性名获取值
</code></pre>

<p><code>dataset</code> 属性返回一个对象，其中包含了所有 <code>data-*</code> 属性的键值对。</p>

<p>通过以上方法，我们可以根据不同的场景和需求，灵活地获取元素值。在实际开发中，熟练掌握这些方法将大大提高我们的工作效率。希望本文能对你有所帮助！</p>

</div>
                    <div class="showall">-- 展开阅读全文 --</div>
                </div>
                <footer class="entry-footer">
                    <div class="post-tags">
                        
                        
                        
                    </div>
                </footer>
            </article>
            <nav class="single-nav">
                
                
                
                <div class="entry-page-prev j-lazy"
                     >
                    <a href="https://www.lhuier.cn/cc/js-huo-qu-fu-lei-zi-yuan-su-zhi-de-duo-zhong-fang-fa-ji-shi-yong-an-li.html"
                       title="JS获取父类子元素值的多种方法及实用案例">
                       <span>JS获取父类子元素值的多种方法及实用案例</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-left">« 上一篇</span><span class="pull-right">2026-04-14</span>
                    </div>
                </div>

<div class="entry-page-next j-lazy"
                     ">
                    <a href="https://www.lhuier.cn/cc/javascript-bi-mian-te-shu-zi-fu-de-fang-fa-ji-an-li-fen-xiang.html" title="JavaScript避免特殊字符的方法及案例分享">
                        <span>JavaScript避免特殊字符的方法及案例分享</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-right">下一篇  »</span>
                        <span class="pull-left">2026-04-14</span>
                    </div>
                </div>
                
                
            </nav>
            <div class="part-mor">
                <h3 class="section-title"><span><i class="fa fa-rss-square"></i>相关阅读</span></h3>
                <ul class="section-cont-tags section-xiangguan pic-box-list clearfix">
                    
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/js-huo-qu-fu-lei-zi-yuan-su-zhi-de-duo-zhong-fang-fa-ji-shi-yong-an-li.html">
                            <h3>JS获取父类子元素值的多种方法及实用案例</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/dian-ji-tu-pian-qing-song-tiao-zhuan-ye-mian-javascript-shi-xian-tu-pian-lian-jie-tiao-zhuan-jiao-ch.html">
                            <h3>点击图片轻松跳转页面：JavaScript实现图片链接跳转教程</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/ru-he-yong-javascript-yang-shi-xuan-ze-qi-jing-zhun-zhao-dao-ye-mian-zhong-de-div-yuan-su.html">
                            <h3>如何用JavaScript样式选择器精准找到页面中的div元素</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/javascript-tong-guo-gou-zao-han-shu-chuang-jian-biao-ge-zhi-xu-zun-xun-yi-xia-bu-zhou-ding-yi-yi-ge.html">
                            <h3>JavaScript通过构造函数创建表格，只需遵循以下步骤：定义一个构造函数，创建表格元素，添加行和单元格，并设置单元格内容。以下是一个示例：

创建表格的构造函数：
```javascript
function createTable(rows, cols) {
  var table = document.createElement('table');
  for</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/zhang-wo-javascript-shi-xian-tu-pian-an-jian-yi-dong-qing-song-cao-zuo-ti-sheng-wang-ye-hu-dong-ti-y.html">
                            <h3>掌握JavaScript实现图片按键移动：轻松操作，提升网页互动体验</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/javascript-bi-mian-te-shu-zi-fu-de-fang-fa-ji-an-li-fen-xiang.html">
                            <h3>JavaScript避免特殊字符的方法及案例分享</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/jie-mi-js-qing-song-huo-qu-hou-tai-shu-ju-quan-gong-lve-cong-api-diao-yong-dao-qian-duan-zhan-shi-yi.html">
                            <h3>揭秘JS轻松获取后台数据全攻略：从API调用到前端展示，一步到位！</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/javascript-zhong-ru-he-jian-cha-zi-fu-chuan-shi-fou-bao-han-you-xiang-di-zhi.html">
                            <h3>JavaScript中如何检查字符串是否包含邮箱地址</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/zhang-wo-javascript-zhong-kuo-hao-de-zheng-que-pei-dui-ji-qiao.html">
                            <h3>掌握JavaScript中括号的正确配对技巧</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.lhuier.cn/cc/zhang-wo-javascript-zhong-xie-class-yang-shi-qing-song-shi-xian-dong-tai-css-rang-wang-ye-geng-xuan.html">
                            <h3>掌握JavaScript重写class样式：轻松实现动态CSS，让网页更炫酷</h3>
                            <p><b class="datetime">2026-04-14</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    
                </ul>
            </div>
            <p class="copyrighit">
                <span>
                本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
                如若内容造成侵权、违法违规、事实不符，请联系我们进行投诉反馈，一经查实，立即处理！
                </span><br>
                <span>转载请注明出处，原文链接：https://www.lhuier.cn/cc/javascript-zhong-tong-guo-jie-dian-huo-qu-yuan-su-zhi-de-fang-fa-you-hen-duo-yi-xia-shi-yi-xie-chang.html</span>
            </p>
        </div>
        <aside class="side fr" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 0px;">

<div class="theiaStickySidebar"
                 style="padding-top: 0px; padding-bottom: 0px; position: static; top: 15px; left: 1222.02px;">
                <section class="widget" id="divPrevious">
                    <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>最新文章</span></h3>
                    <ul class="widget-box divPrevious">
                        
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-1">1</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/jie-mi-chao-shi-guo-qi-shi-pin-ru-he-bi-mian-mai-dao-lin-qi-shi-pin-bao-zhang-jian-kang-an-quan.html" title="揭秘超市过期食品：如何避免买到“临期”食品，保障健康安全">揭秘超市过期食品：如何避免买到“临期”食品，保障健康安全</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-2">2</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/js-jiu-yang-huan-qiu-tan-suo-javascript-quan-qiu-ying-yong-yu-shi-zhan-ji-qiao-jie-mi.html" title="“JS九阳环球：探索JavaScript全球应用与实战技巧揭秘”">“JS九阳环球：探索JavaScript全球应用与实战技巧揭秘”</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-3">3</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/xue-hui-js-ri-qi-ge-shi-hua-gao-bie-luan-ma-ri-qi-qing-song-zhang-wo-ri-qi-zhuan-huan-ji-qiao-rang-n.html" title="学会JS日期格式化，告别乱码日期！轻松掌握日期转换技巧，让你的日期显示更美观！">学会JS日期格式化，告别乱码日期！轻松掌握日期转换技巧，让你的日期显示更美观！</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-4">4</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/zhang-wo-js-zuo-lian-jie-qing-song-jie-jue-shu-ju-zheng-he-nan-ti.html" title="掌握JS左连接，轻松解决数据整合难题">掌握JS左连接，轻松解决数据整合难题</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-5">5</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/javascript-zhong-shi-xian-ding-shi-gong-neng-ni-ke-yi-shi-yong-yi-xia-ji-zhong-fang-fa-1-settimeout.html" title="JavaScript中实现定时功能，你可以使用以下几种方法：

1. `setTimeout()`：用于在指定的毫秒数后执行一次函数。
2. `setInterval()`：用于每隔指定的时间间隔重复执行函数。

以下是一些基本示例：

- 使用`setTimeout()`：
```javascript
setTimeout(function() {
 ">JavaScript中实现定时功能，你可以使用以下几种方法：

1. `setTimeout()`：用于在指定的毫秒数后执行一次函数。
2. `setInterval()`：用于每隔指定的时间间隔重复执行函数。

以下是一些基本示例：

- 使用`setTimeout()`：
```javascript
setTimeout(function() {
 </a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-6">6</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/qing-song-zhang-wo-js-tu-pian-qie-huan-ji-qiao-rang-tu-pian-liu-lan-geng-bian-jie.html" title="轻松掌握JS图片切换技巧，让图片浏览更便捷">轻松掌握JS图片切换技巧，让图片浏览更便捷</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-7">7</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/ru-he-qing-song-pan-duan-wang-ye-zhong-shang-chuan-de-wen-jian-shi-bu-shi-tu-pian-yi-zhao-gao-ding-k.html" title="如何轻松判断网页中上传的文件是不是图片？一招搞定，快速检测图片文件类型！">如何轻松判断网页中上传的文件是不是图片？一招搞定，快速检测图片文件类型！</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-8">8</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/jiao-ni-yi-zhao-qing-song-yong-js-zai-ie-liu-lan-qi-zhong-diao-yong-she-xiang-tou-pai-she-zhao-pian.html" title="教你一招：轻松用JS在IE浏览器中调用摄像头，拍摄照片不留痕">教你一招：轻松用JS在IE浏览器中调用摄像头，拍摄照片不留痕</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-9">9</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/idea-zhong-dao-ru-javascript-js-de-xiang-xi-bu-zhou-ru-xia-1-da-kai-idea-ruan-jian-ru-guo-mei-you-an.html" title="IDEA中导入JavaScript（JS）的详细步骤如下：

1. 打开IDEA软件，如果没有安装，请先安装最新版本的IntelliJ IDEA。

2. 创建一个新的JavaScript项目或打开一个现有的项目。

3. 在项目结构中，找到“Sources”文件夹。

4. 右键点击“Sources”文件夹，选择“New” -> “Folder”。

5.">IDEA中导入JavaScript（JS）的详细步骤如下：

1. 打开IDEA软件，如果没有安装，请先安装最新版本的IntelliJ IDEA。

2. 创建一个新的JavaScript项目或打开一个现有的项目。

3. 在项目结构中，找到“Sources”文件夹。

4. 右键点击“Sources”文件夹，选择“New” -> “Folder”。

5.</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-10">10</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.lhuier.cn/cc/ru-he-qing-song-shang-shou-zai-dw-zhong-chuang-jian-zi-ji-de-javascript-jiao-ben.html" title="如何轻松上手，在DW中创建自己的JavaScript脚本？">如何轻松上手，在DW中创建自己的JavaScript脚本？</a>
                            </span>
                        </li>
                        
                        
                    </ul>
                </section>
                <section class="widget wow fadeInDown" id="divPrevious"
                         style="visibility: visible; animation-name: fadeInDown;">
                    <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>热门文章</span></h3>
                    
                    <ul class="widget-box divPrevious">
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-1">1</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/qing-song-zhang-wo-js-tu-pian-qie-huan-ji-qiao-rang-tu-pian-liu-lan-geng-bian-jie.html"
                                                  title="轻松掌握JS图片切换技巧，让图片浏览更便捷">轻松掌握JS图片切换技巧，让图片浏览更便捷</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-2">2</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/javascript-zhong-shi-xian-ding-shi-gong-neng-ni-ke-yi-shi-yong-yi-xia-ji-zhong-fang-fa-1-settimeout.html"
                                                  title="JavaScript中实现定时功能，你可以使用以下几种方法：

1. `setTimeout()`：用于在指定的毫秒数后执行一次函数。
2. `setInterval()`：用于每隔指定的时间间隔重复执行函数。

以下是一些基本示例：

- 使用`setTimeout()`：
```javascript
setTimeout(function() {
 ">JavaScript中实现定时功能，你可以使用以下几种方法：

1. `setTimeout()`：用于在指定的毫秒数后执行一次函数。
2. `setInterval()`：用于每隔指定的时间间隔重复执行函数。

以下是一些基本示例：

- 使用`setTimeout()`：
```javascript
setTimeout(function() {
 </a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-3">3</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/zhang-wo-js-zuo-lian-jie-qing-song-jie-jue-shu-ju-zheng-he-nan-ti.html"
                                                  title="掌握JS左连接，轻松解决数据整合难题">掌握JS左连接，轻松解决数据整合难题</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-4">4</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/xue-hui-js-ri-qi-ge-shi-hua-gao-bie-luan-ma-ri-qi-qing-song-zhang-wo-ri-qi-zhuan-huan-ji-qiao-rang-n.html"
                                                  title="学会JS日期格式化，告别乱码日期！轻松掌握日期转换技巧，让你的日期显示更美观！">学会JS日期格式化，告别乱码日期！轻松掌握日期转换技巧，让你的日期显示更美观！</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-5">5</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/js-jiu-yang-huan-qiu-tan-suo-javascript-quan-qiu-ying-yong-yu-shi-zhan-ji-qiao-jie-mi.html"
                                                  title="“JS九阳环球：探索JavaScript全球应用与实战技巧揭秘”">“JS九阳环球：探索JavaScript全球应用与实战技巧揭秘”</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-6">6</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.lhuier.cn/cc/jie-mi-chao-shi-guo-qi-shi-pin-ru-he-bi-mian-mai-dao-lin-qi-shi-pin-bao-zhang-jian-kang-an-quan.html"
                                                  title="揭秘超市过期食品：如何避免买到“临期”食品，保障健康安全">揭秘超市过期食品：如何避免买到“临期”食品，保障健康安全</a></span>
                        </li>
                        
                    </ul>
                    
                </section>
            </div>
        </aside>
    </div>
    <script src="https://www.lhuier.cn/static/nobug_blog/js/content.js"></script>
</main>

<footer class="site-footer footer">
    <div class="site-info clearfix">
        <div class="container">
            <div class="footer-center">
                <div class="footer-l-top clearfix">
                    
                    
                </div>
                
                
                
                <span id="publishDate" style="display:none;">2024/11/11</span>
                
                <div class="footer-l-btm">
                    <p class="btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn/" rel="nofollow"
                                           target="_blank" title=""><img
                            src="https://www.lhuier.cn/static/nobug_blog/images/icp.png" alt="">备案号：</a>
                    </p>
                    <p class="top-text"> 安全运行<span id="publishDays"></span>天
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="backtop" class="backtop">
        <div class="bt-box top" style="display: block;"><i class="fa fa-angle-up fa-2x"></i></div>
        <div class="bt-box bottom"><i class="fa fa-angle-down fa-2x"></i></div>
    </div>
</footer>
<script src="https://www.lhuier.cn/static/nobug_blog/js/custom.js"></script>
<script src="https://www.lhuier.cn/static/nobug_blog/js/jquery.lazy.js"></script>
<script>
    function siteRun(d) {
        var nowD = new Date();
        return parseInt((nowD.getTime() - Date.parse(d)) / 24 / 60 / 60 / 1000)
    }
    var date = document.getElementById("publishDate").textContent;

var day = siteRun(date);
    if(!day){
        day = "100";
    }

document.getElementById("publishDays").innerHTML = day;
</script>
</body>
<script>
(function() {
  var al = document.createElement("script");
  al.src = "/api/log?action=views&code=200&id=789380&path=http%3A%2F%2Fwww.lhuier.cn%2Fcc%2Fjavascript-zhong-tong-guo-jie-dian-huo-qu-yuan-su-zhi-de-fang-fa-you-hen-duo-yi-xia-shi-yi-xie-chang.html&type=archive&nonce="+Date.now();
  document.body.appendChild(al);
})();
</script>

</html>