在javascript中定义新的css类并访问其成员

我正在定义一个css类，并试图从javascript中使用它的成员。结果未定义。我的错在哪里

函数myFunction（）{
var x=document.getElementById（“myId”）.style.myMember；
document.getElementById（“调试”）.innerHTML=x；
}

.myClass{
我的成员：123；
}

单击按钮以获取myId元素的样式属性

试试看

我的内容。

如果在控制台中输入“document.getElementById（“myId”）.style”，则可以获得给定选择的所有适用样式。类“my123”在其中未被识别，这就是为什么您会得到未定义的结果。

如果您在控制台中输入“document.getElementById（“myId”）.style”，您将获得给定选择的所有适用样式。类“my123”在其中未被识别，这就是为什么您会得到未定义的结果。

您试图将“myMember”声明为属性，并希望在Javascript中使用它，但myMember不是CSS属性，因此返回未定义

style属性返回CSSStyleDeclaration对象，该对象表示元素的样式属性

style属性用于使用不同的CSS属性获取或设置元素的特定样式。

您试图将“myMember”声明为属性，并希望在Javascript中使用它，但myMember不是CSS属性，因此其返回未定义

style属性返回CSSStyleDeclaration对象，该对象表示元素的样式属性

---

style属性用于使用不同的CSS属性获取或设置元素的特定样式。

首先

元素。style

对象将为您提供在该特定元素中内联定义的样式值

第二个

myMember

不是有效的css属性，因此它不会给您任何信息

函数myFunction（）{
var x=document.getElementById（“myId”）.style.display；
document.getElementById（“调试”）.innerHTML=x；
}

单击按钮以获取myId元素的样式属性

试试看

我的内容。

首先

元素。style

对象将为您提供在该特定元素中内联定义的样式值

第二个

myMember

不是有效的css属性，因此它不会给您任何信息

函数myFunction（）{
var x=document.getElementById（“myId”）.style.display；
document.getElementById（“调试”）.innerHTML=x；
}

单击按钮以获取myId元素的样式属性

试试看

我的内容。

我不会提及w3schools——大量的不良做法。。就像这一个，你是否混淆了CSS类和JS类？CSS真的应该只用于样式设计。它很不清楚你想做什么，为什么，你能详细说明吗？不，如果你在w3c上运行这个例子并点击按钮，你也会得到未定义的！只在样式上使用CSS，你想做什么？@Gauthier我想你可能正在寻找这个，那么我不会提及w3schools-大量的错误做法。。就像这一个，你是否混淆了CSS类和JS类？CSS真的应该只用于样式设计。它很不清楚你想做什么，为什么，你能详细说明吗？不，如果你在w3c上运行这个例子并点击按钮，你也会得到未定义的！仅将CSS用于样式设置，你想做什么？@Gauthier我想你可能正在寻找这个哦，那么CSS样式是不可扩展的？@Gauthier不，它们不是…但是如果CSS变量符合你的要求，你可以探索它们…哦，所以css样式是不可扩展的？@Gauthier不，它们不是…但是如果css变量符合您的要求，您可以探索它们。。。