panel.setAttribute(“模式”、“瀑布”）;

panel.setAttribute("mode","waterfall");

本文关键字：瀑布 模式 setAttribute panel      更新时间：2023-09-26

这是我的核心标题面板

<core-header-panel mode="waterfall-tall">

当我想让它处于瀑布模式而不是瀑布高时，我会做这个

var panel = document.querySelector('core-header-panel');
panel.setAttribute("mode","waterfall");

它正确地更改了模式，元素的行为就像瀑布一样，但元素不会收缩到原来的大小，而是保持较高的高度。如何在javascript中将元素再次缩小到正常的瀑布大小？

当切换mode时，

核心标题面板应该真正为您处理此问题。它应该进行清理并删除它在子节点上设置的任何tall类。在此处提交了一个错误：https://github.com/Polymer/core-header-panel/issues/11

解决方法是：

coreHeaderPanel.querySelector('.tall').classList.remove('tall')

顺便说一句，你不需要使用setAttribute()。mode是核心头面板的一个已发布属性，这意味着您可以直接将其更新为JS属性：

coreHeaderPanel.mode = 'waterfall';

如果我没有弄错的话，您可以从核心标头中删除类"tall"。

var header = document.querySelector('.tall');
header.className = "core-header";
相关文章：