javascript - 关于这个头部的shadow dom？

查看：90 发布时间：2017/9/6 1:47:16 javascript css

本文介绍了javascript - 关于这个头部的shadow dom？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

链接在上面，这个dom结构不太常见，用在这里的意义是？
我看网页里大量的用了svg的元素跟这个有关？

解决方案

shadow DOM是Web Component很重要的特性，目的是允许我们给DOM标签附加上功能作用（包括css/html/javascript）。

比如，HTML5中的 <video> 标签。正常我们使用的是时候只是简单的一个DOM标签：

<video controls autoplay name="media">  
    <source id="mp4" src="1.mp4" type="video/mp4">
</video>

但如果你展开来看，里面包含着播放、暂停等一些额外的元素。

就是让DOM标签更有存在的实际意义，但又不会被外界影响。

如果你在使用Angular2，这种东西会非常常见

这篇关于javascript - 关于这个头部的shadow dom？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文