链接JavaScript不会更改html正文字体
我正在尝试使用program1.js更改html代码中标题和正文内容的字体，但它不起作用。我试图改变字体，并在我的信息中添加一些数据，如姓名、地址、工作以及一张我的照片。 任何帮助都将不胜感激 html代码aboutme.html链接JavaScript不会更改html正文字体,javascript,html,Javascript,Html,我正在尝试使用program1.js更改html代码中标题和正文内容的字体，但它不起作用。我试图改变字体，并在我的信息中添加一些数据，如姓名、地址、工作以及一张我的照片。 任何帮助都将不胜感激 html代码aboutme.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>About Me</title> </head> &l
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>About Me</title>
</head>
<body>
<script src="program1.js"></script>
<h1 id="myP">About Me</h1>
<ul>
<li>Name:<span id="name"></span></li>
<li>Occupation:<span id="occupation"></span></li>
<li>Address:<span id="address"></span></li>
</ul>
</body>
</html>
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
document.getElementById('name').innerHTML = 'Kiarash';
document.getElementById('occupation').innerHTML = 'SQL DBA';
document.getElementById('address').innerHTML = '201 s 4th';
<img id="myImg" src="myimage.jpg" alt="The Pulpit Rock" width="304" height="228">
您将得到一个语法错误。请从program1.js中删除。假设program1.js是一个单独的文件，并且在aboutme.html的同一目录中，您需要在头部添加一个脚本标记，如下所示： 否则，如果program1.js位于其他文件夹中，请使用： 此外，您的脚本中还有一个额外的内容，这将导致脚本出错，但我认为这不应干扰您的网页样式设置：
然而，这是基于经验，但可能并非总是如此。正如您在评论中提到的，从JS中删除img，因为它是HTML而不是JavaScript。然后，除非您计划使用文档就绪侦听器，否则您应该在body标记的末尾添加应用程序样式，以便在JS尝试访问它们并应用样式时，每个节点都已加载 JavaScript是一种运行时语言，这意味着如果您试图在读取节点之前（即在垂直行层次结构的JS代码下面）访问节点，那么默认情况下，节点将无法访问卸载的特性。请使用此选项 aboutme.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>About Me</title>
</head>
<body>
<script src="program1.js"></script>
<h1 id="myP">About Me</h1>
<ul>
<li>Name:<span id="name"></span></li>
<li>Occupation:<span id="occupation"></span></li>
<li>Address:<span id="address"></span></li>
</ul>
</body>
</html>
javascript文件在删除program1.js文件中的img标记后工作。尝试在标记末尾之前添加。另外，你需要在“body”元素上设置字体。为什么你的程序1.js中有字体？@PriyankJ，谢谢它工作了，我的图像仍然有问题，我怎样才能用我的程序1.js添加图片？@NoobTW谢谢你的提示，我只想用我的程序1.js添加图片。例如，添加姓名、职务和地址，但不确定如何处理图像要将图像动态添加到页面，请参阅。脚本将一直执行，直到到达该行，由于img标记是最后一个，这可能不会阻止它设置chrome开发人员控制台中演示的样式：@JasorYEH它不知何故不起作用？我想你是对的，也许chrome开发控制台的工作方式有所不同，但在过去我看到代码是这样的：？@JasorYEH，因为你的案例不是一个语法错误。您的开发工具认为asdfjalsdkg是一个函数，这是一个引用错误。@NoobTW感谢您的回复，我只想使用program1.js添加图片。例如，添加姓名、职务和地址，但不确定如何处理图像。我知道如何使用html，但不知道如何使用program.js。谢谢回复，我如何添加图像，如添加姓名、职业和地址，我知道我可以将其添加到html代码中，但不知道如何使用program.js。我还注意到，我需要在之前添加标记
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
document.getElementById('name').innerHTML = 'Kiarash';
document.getElementById('occupation').innerHTML = 'SQL DBA';
document.getElementById('address').innerHTML = '201 s 4th';