个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
<!DOCTYPE HTML>
<html>
<head>
<title>Javascript</title>
<link id="mycss" rel="stylesheet" href="mycss.css">
<script>
function resize(s) {
var styleSheet = document.getElementById('mycss').href;
if (styleSheet.style.fontSize == '2.0em') {
styleSheet.style.fontSize = parseFloat(styleSheet.style.fontSize) + (s * 0.2) + "em";
}else if(styleSheet.style.fontSize == '3.0em'){
styleSheet.style.fontSize = parseFloat(styleSheet.style.fontSize) + (s * 0.3) + "em";
}
}
</script>
</head>
<body id="theBody" class="theBod">
<h1 id = "h1" onclick="clickChange();">Hello</h1>
<p id="para1" class="para1" onclick="resize(1);">Here is some text of one size (click)<p>
<p id="para2" class="para2" onclick="resize(2)">More text of another size (click)<p>
<p id ="demo" onclick="countToNum()"> Numbers (Click me): </p>
</body>
</html>
我正在尝试获取它，以便在单击元素时，元素内容的大小会根据 onclick 函数中指定的参数增加。我正在使用外部样式表
#para1 {
font-size: 2.0em;
}
#para2{
font-size: 3.0em;
}
这就是外部样式表中的全部内容。我只希望 javascript 做出响应，并且只使单击的元素变大，而另一个元素保持不变。我一直收到错误消息:无法读取未定义的属性“fontSize”
我真的不擅长 javascript，所以非常感谢帮助。
最佳答案
要点:
I just want the javascript to respond and only make the element that is clicked larger
为此，您根本不想访问样式表；相反，只需访问被点击元素的样式信息:
<p onclick="resize(this)">...</p>
然后
function resize(element) {
var elementStyle = element.currentStyle || getComputedStyle(element);
// Read elementStyle.fontSize here, set element.style.fontSize to change it
}
关于您问题中的代码:这一行:
var styleSheet = document.getElementById('mycss').href;
为您提供一个包含样式表 URL 的字符串。它不会给你样式表。字符串没有 style 属性，因此 styleSheet.style 是 undefined，并且 styleSheet.style.fontSize失败，因为您试图从 undefined 中读取属性。
如果您想访问样式表信息，您需要在document.styleSheets collection 中找到样式表。 .
或者，根据HTML5规范，HTMLLinkElement实现 LinkStyle interface由 CSSOM 定义，这表明在兼容的浏览器上您可以使用它来获取样式表:
var styleSheet = document.getElementById('mycss').sheet;
我没有亲自这样做，只是遵循了规范中的信息。
关于javascript - 无法读取未定义的属性 'fontSize'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28881160/
25
4
0
谁能告诉我 UIWebView 的 font size 属性和 UITextView 的 FontSize 属性之间的主要区别是什么？ 两者是不同的，因为 UIWebView 的 Fontsize 比
谁能解释一下为什么下面的代码不起作用 this text should be F
我在网格中有一个标签，我从资源字典中应用了一个样式。样式更改，除其他外，标签的 FontSize 属性为 14。 我通过以下方式将样式应用
我正在尝试将 UserControl 中某些控件的 FontSize(除其他事项外)设置为 UserControl 级别的 FontSize。这不起作用:
我创建了一个应用程序，在该应用程序中我通过 UITextView 将文本添加到视频中。它显示正确，但问题是我设置了这样的文本字体大小: [textView setFont: [UIFont font
Javascript function resize(s) { var sty
我需要以百分比设置标签的字体大小，这样当我在我的应用程序中调整当前布局大小时，文本调整大小等于屏幕的其余部分。 我有这个: vara label = Ti.UI.createLabel({
在使用flutter_markdown 时，有什么方法可以改变文本的字体大小吗？类似于向 Text 小部件提供 TextStyle 之类的东西。谢谢! 最佳答案 Markdown( data:
当我插入 fontSize = dimensionResource(id = R.dimen.textLabelTextSize) 时，dimens 或 54sp 或 60sp 取决于设备，我在 Te
我正在将我的工作流程转移到输出 Beamer 幻灯片的 R/RMarkdown。我每年进行大约 60 次演示，我喜欢自动化流程。但是，我需要增加 Beamer 输出中的基本字体大小。使用下面的代码，项
在深入研究代码后，我意识到 Fabricjs Text 对象的 fontSize 是在 PIXELS 中测量的。在我的项目中，有时我需要使用点而不是像素。 当指定单位时，我只在代码中找到一个位置，此片
JSFIDDLE $("button").click(function(){ $("h1").animate({fontSize: "50px"}); 如何让再次点击时字体大小恢复到原来的大小。 最
我正在尝试获取 html 文档中选定范围的字体大小。我使用 queryCommandValue 来获取它。有时它返回一个整数。有时它不是。我不知道那是什么。 而且我还尝试了另一种方法，通过获取父元素的
经过大量谷歌搜索后，我无法找到 queryCommandValue("FontSize") 的解决方案在 Javascript 中。 我已经了解了 HTML CSS 中的各种字体大小，例如 pt、px
我想更改 TreeView 控件的字体大小。在 goolge 上搜索后，我得到一些想法应该为此 TreeView 使用 CustomDraw。但是NMTVCUSTOMDRAW结构只有clrText和c
我编写了一个带有 Button 和 ItemsControl 的玩具 WPF 应用程序。每次单击 Button 时，字符串“AnotherWord”都会添加到 ItemsControl。现在，Item
这是同一个应用，在 2 台不同的设备上。布局似乎可以很好地缩放，但字体大小却没有。我不知道可能是什么原因或从哪里开始寻找。第一个是在 Pixel 2 上，看起来很正常，第二个是在 Galaxy A7
使用 MahApps.Metro AnimatedSingleRowTabControl 时如何更改选项卡的字体大小。 使用普通 TabControl 时，我的主题 TabItem(基于 MetroT
最近我将我的 Material UI 版本从 3.9.4 升级到 4.11.0，我不得不在主题样式覆盖上替换这些: 为避免这些警告: 但是我需要将 fontSize 样式放在 !important 中
TailwindCSS 1.2.0 我做错了什么？如果我添加 fontSize 如下，则 text-7xl 不会显示为新的可选值并且 text-6xl 消失。 module.exports = {
我是一名优秀的程序员,十分优秀！