我正在尝试使用Javascript更改某些HTML元素的宽度；目的是使用该innerWidth属性确定它。
下面是我的代码：
$(document).ready(function () {
var footer = document.getElementsByTagName('footer')[0];
var header = document.getElementsByTagName('header')[0];
footer.style.width = window.innerWidth - 400;
header.style.width = window.innerWidth - 400;
});
我正在使用Javascript来分配页眉和页脚宽度，以防止可能的渗漏，并在添加滚动条时导致溢出。
以下是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<header>
<div id="img_container">
<a href="#"><img id="header" src="img/Header.png"></a>
</div>
<nav>
<ul>
<li><a href="#">text</a>
<ul>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">Text</a></li>
</ul>
</li>
<li><a href="#">Text</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<a href="#"><img id="img" src="img/img.png"></a>
</header>
<footer>
<div id="footer_container">
<div id="footer_el">
<span class="header">Services</span>
<hr> Bunch of links and …因此，在编写自己的自定义HTML5视频播放器时遇到了问题。可以将任何CSS规则应用于<track>元素吗？有讨厌的骇客吗？我想控制<track>和的位置font-size。
<div id="movie-01">
<video id="video" controls preload="metadata">
<source src="files/movie-01/movie.mp4" type="video/mp4">
<track label="Chinese Traditional" kind="subtitles" srclang="cht" src="files/movie-01/cht.vtt" default>
</video>
</div>
<style>
track{
color: #FAFAFA;
font-size: 1em;
}
</style>