javascript - 如何更改脚本的字体大小?

标签 javascript html css fonts

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

好,导致我再一次问的原因,你的帮助是这样的,我有一个脚本可以给我一个 XML 文档的数据,我想做的是改变字体的字体,大小......脚本,但我无法运行它!

这里我留下了我试图改变我想要的脚本。

<html>
<head>
<script>
var speed = 20000; // 20 seconds

//http://code.google.com/p/miniajax/
function $(e){if(typeof e=='string')e=document.getElementById(e);return e};
function collect(a,f){var n=[];for(var i=0;i<a.length;i++){var v=f(a[i]);if(v!=null)n.push(v)}return n};

ajax={};
ajax.x=function(){try{return new ActiveXObject('Msxml2.XMLHTTP')}catch(e){try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(e){return new XMLHttpRequest()}}};
ajax.serialize=function(f){var g=function(n){return f.getElementsByTagName(n)};var nv=function(e){if(e.name)return encodeURIComponent(e.name)+'='+encodeURIComponent(e.value);else return ''};var i=collect(g('input'),function(i){if((i.type!='radio'&&i.type!='checkbox')||i.checked)return nv(i)});var s=collect(g('select'),nv);var t=collect(g('textarea'),nv);return i.concat(s).concat(t).join('&');};
ajax.send=function(u,f,m,a){var x=ajax.x();x.open(m,u,true);x.onreadystatechange=function(){if(x.readyState==4)f(x.responseText)};if(m=='POST')x.setRequestHeader('Content-type','application/x-www-form-urlencoded');x.send(a)};
ajax.get=function(url,func){ajax.send(url,func,'GET')};
ajax.gets=function(url){var x=ajax.x();x.open('GET',url,false);x.send(null);return x.responseText};
ajax.post=function(url,func,args){ajax.send(url,func,'POST',args)};
ajax.update=function(url,elm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.get(url,f)};
ajax.submit=function(url,elm,frm){var e=$(elm);var f=function(r){e.innerHTML=r};ajax.post(url,f,ajax.serialize(frm))};

function process(xml) {
  document.getElementById('contentfile').innerHTML=xml;
  var title = document.getElementById('contentfile').getElementsByTagName('song')[0].title;
  var name = document.getElementById('contentfile').getElementsByTagName('Artist')[0].getAttribute('name');
  document.getElementById('contentfile').innerHTML=' '+name+' - ' +title;
}
function checkXml() {
  ajax.get('/NowOnAir.xml',process)
}
window.onload=function() {
  checkXml();
  tId=setInterval('checkXml()',speed)  
}

</script>

<link rel="Stylesheet" href="/player.css" />
</head>
<body>
<div id="contentfile">
</div>
</body>
</html>

这是我尝试更改字体大小的公式 (CSS)

.innerHTML {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 28px;
    font-style: normal;
    word-spacing: 1px;
    line-height: 30px;


}

你能帮我做这个吗?

提前谢谢大家。

最佳答案

.blah CSS 中的选择器指的是具有 blahclass 的元素,例如 <div class='blah'> -- 你没有 innerHTML 类的元素.你的<div>有一个 idcontentfile .在 CSS 中,'#' 符号用于 id选择。

因此,您的 CSS 应该是:

#contentfile {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 28px;
    font-style: normal;
    word-spacing: 1px;
    line-height: 30px;
}

关于javascript - 如何更改脚本的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35301868/

上一篇:html - 更改元素内 <span> 的背景

下一篇:javascript - Javascript 中的 Puissance 4 游戏

相关文章:

javascript - 从 json 响应确定最暗的十六进制代码

javascript - Nodejs 4.x 上的 ES6 代码 : Is V8 4. 5 直接运行 ES6 的原生 JS 引擎?

javascript - Bootstrap 轮播标题

jquery - 无需滚动即可查看缩放图像

c# - 无法将 css 链接到 c# 元素中生成的 html

javascript - CSS 菜单使链接居中

javascript - 使用 qtip 插件按钮进入工具提示不起作用

javascript - document.cookie 究竟是如何工作的?

java - 使用 Selenium 从 header (<H></H>) 中获取数据

html - 使用 @media 将 div 居中