使用变量访问HTML属性元素

Question

设定：
我有一个名为<color name="colorPrimaryDark" tools:targetApi="23">#FFFFFF</color> 的变量，其中包含一个HTMLCollection，其中包含名为tabcontent和Drums的项目。我还有一个名为Animals的变量，它正在访问我当前打开的任何标签的innerHTML。它可以等于activeTabName或Drums。为简单起见，我只是将它直接等于Animals。

Drums

问题：
如何使用变量var activeTabName = "Drums"; console.log(tabcontent.Drums); // Prints Drums portion of HTMLCollection console.log(tabcontent.activeTabName); // Prints undefined 访问HTML属性？另外，为什么activeTabName未定义？