logo
  • 教程列表
  • SO官方文档
  • Web 组件入门
    • 可用性
    • HTML 模板 - Hello World
    • 自定义元素 - Hello World
    • Shadow DOM - Hello World
    • HTML 导入 - Hello World
    • Hello World 示例
  1. StackOverflow 文档
  2. Web Component 教程
  3. Web 组件入门
  4. Shadow DOM - Hello World

Shadow DOM - Hello World

Created: November-22, 2018

将阴影 DOM 添加到 div,将显示 Hello World! 而不是它的初始内容。

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

<script>
   var shadow = Div1.attachShadow( { mode: 'open' } )
   shadow.innerHTML = "Hello, World!" 
</script>
  • HTML 导入 - Hello World
  • 自定义元素 - Hello World

Copyright © 2018. All right reserved

tastones.com 备案号:鲁ICP备18045372号-1

  • 关于我们
  • 免责声明