Polymer 阴影根中的引用元素

Polymer 阴影根中的引用元素,polymer,Polymer,假设我有这个代码:(或者访问这个) 身体{ 字体系列:无衬线; } 核心脚手架{ } 芯头面板{ 浮动:左; 高度:400px; } .芯头{ 高度:64px; 线高:60px; 字号:18px; 填充:0 10px; 背景色:#FF66CC; 颜色:#FFF; 过渡:高度0.2s; } .核心标题内容{ 填充:20px; } .主菜单{ 背景:透明; } .搜索{ 位置:静态; 边界:0; 填充:0; 显示:内联块; } .搜索核心图标{ 显示:内联块; } .搜索输入{ 框大小:边框框;

假设我有这个代码:(或者访问这个)


身体{
字体系列:无衬线;
}
核心脚手架{
}
芯头面板{
浮动:左;
高度:400px;
}
.芯头{
高度:64px;
线高:60px;
字号:18px;
填充:0 10px;
背景色:#FF66CC;
颜色:#FFF;
过渡:高度0.2s;
}
.核心标题内容{
填充:20px;
}
.主菜单{
背景:透明;
}
.搜索{
位置:静态;
边界:0;
填充:0;
显示:内联块;
}
.搜索核心图标{
显示:内联块;
}
.搜索输入{
框大小:边框框;
-moz框大小:边框框;
位置:静态;
显示:内联块;
}
标题
标题
如何引用
#菜单按钮
核心图标按钮(由核心支架自动生成)将“图标”的属性值从“菜单”更改为“应用程序”

这可能是我忽略了的一些简单问题,我提前表示感谢。

找到了答案:

document.addEventListener('polymer-ready', function(e) {
  $('core-scaffold::shadow #drawerPanel #headerPanel core-toolbar #menuButton').attr('icon','apps');
});

我花了几分钟的时间试着按那个按钮,但没有任何运气。我认为最好的方法是复制core scaffold的内容并粘贴到一个新文件中,然后更改那里的图标,然后保存在一个新名称“new scaffold”下。然后导入该文件并使用它代替核心脚手架。另外,不要忘记更改内部元素的名称,只要找到“core scaffold”并将其替换为您重命名的名称即可。
document.addEventListener('polymer-ready', function(e) {
  $('core-scaffold::shadow #drawerPanel #headerPanel core-toolbar #menuButton').attr('icon','apps');
});