我想编写一个函数，每次单击它时都会用边框包围图像。联合国教科文组织 我不能让它工作。否认任何拼写错误，因为我没有复制粘贴它。该功能有效。但是单击图像时不会对图像产生任何影响。我是否访问了边框属性？
我的功能：
<script>
function mark(imageId) {
document.getElementById(imageId).style.border = "1";
}
</script>
我的html正文：
<input id="imageId" src="\images\image1.png" onclick="mark(imageId)"/>
您的标记不太有意义，但是：
<input id="imageId" type="image" src="http://goo.gl/UohAz" onclick="mark(this)"/>
function mark(el) {
el.style.border = "1px solid blue";
}
你不想getParameter()。你想要getElementById()。
您也不希望在imageId函数声明中用引号将变量名括起来，mark()因为这会将其更改为字符串。
正如@John Girata 指出的那样，您希望为边框值指定的不仅仅是“1”。
document.getElementById(imageId).style.border = "1px solid black";
此外，您需要在 onclick 属性中引用“imageId”：
<input id="imageId" src="\images\image1.png" onclick="mark('imageId')"/>
将边框设置为“1”对我不起作用。试试这个：
<script>
function mark(imageId) {
document.getElementById(imageId).style.border = "1px solid black";
}
</script>
您还需要用引号将 HTML 中的 imageId 括起来（不确定这是否是拼写错误）：
<input id="imageId" src="\images\image1.png" onclick="mark('imageId')"/>
这是该问题的代码。
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function sayHello() {
var boyElement = document.getElementById("boy");
boyElement.style.border = "3px solid red";
}
</script>
<img src="C:\Users\Acer\Desktop\new web site\js\images\boy.png" id="boy"
onclick="sayHello()">
</body>
</html>
为了澄清，使用 DOM 元素设置边框，您需要提供宽度、颜色、样式，例如：
document.getElementById("ex1").style.border="1px solid #0000FF";
w3Schools实际上说：http ://www.w3schools.com/jsref/prop_style_border.asp
看这个 ：
<img id="CN" src="CN.png" onclick="fnChangeBorder('CN')">
并定义您的功能：
function fnChangeBorder(imageId)
{document.getElementById(imageId).style.border = "solid #AA00FF";}