问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js如何获取自定义的html标签内文本

头像
_XYZ111
    492258176
    
<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <script type="text/javascript" src="http://localhost:8000/library/jquery/3.6.0/jquery.min.js"></script>

        <script type="text/javascript">
            class EmphasizeParagraph extends HTMLElement {
                constructor() {
                    super()
                    console.log($(this).text()); // 获取不到333
                    console.log($("#d1").text()); // 获取到了555
                }
            }

            customElements.define('emphasize-paragraph', EmphasizeParagraph);
        </script>

    </head>
    <body>
        <main>
            <section id="module-1">
                <div class="box-container">
                    <div id="d1">
                        555
                    </div>
                    <h4>Html 自定义元素</h4>
                    <emphasize-paragraph>333</emphasize-paragraph>
                </div>
            </section>
        </main>
    </body>
</html>
    htmlhtml5javascriptjquery
    阅读 2.6k
    2 个回答
    得票最新
    头像
    _XYZ111
      492258176
      ✓ 已被采纳
      
window.onload=function(){
                console.log(document.getElementsByTagName("emphasize-paragraph")[0].innerHTML);
            }
      头像
      Meathill
        22.6k133642

        就正常 document.getElementsByTagName('emphasize-paragraph') 就好。

        const [element] = document.getElementsByTagName('emphasize-paragraph');
console.log(element.innerText);
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题