JavaScript/HTML：单击时更改图像边框_Javascript_Html

JavaScript/HTML：单击时更改图像边框

javascript html

JavaScript/HTML：单击时更改图像边框,javascript,html,Javascript,Html,我想写一个函数，在每次单击图像时，用边框框将其包围。unf。我做不到。否认任何打字错误，因为我没有复制粘贴它。该函数起作用。但单击图像时不会对其产生任何影响。我是否正确访问了border属性我的职能： <script> function mark(imageId) { document.getElementById(imageId).style.border = "1"; } </script> 功能标记（imageId）{ document.getEl

我想写一个函数，在每次单击图像时，用边框框将其包围。unf。我做不到。否认任何打字错误，因为我没有复制粘贴它。该函数起作用。但单击图像时不会对其产生任何影响。我是否正确访问了border属性

我的职能：

<script>

function mark(imageId) {
    document.getElementById(imageId).style.border = "1";
}

</script>


功能标记（imageId）{
document.getElementById（imageId）.style.border=“1”；
}

我的html正文：

<input id="imageId" src="\images\image1.png" onclick="mark(imageId)"/>

您不需要

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>


功能标记（imageId）{
document.getElementById（imageId）.style.border=“1px纯黑色”；
}

您还需要在HTML中用引号括起imageId（不确定这是否是打字错误）：

您的标记没有什么意义，但是：

<input id="imageId" type="image" src="http://goo.gl/UohAz" onclick="mark(this)"/>

function mark(el) {
    el.style.border = "1px solid blue";
}


功能标记（el）{
el.style.border=“1px纯蓝色”；
}

要澄清这一点，请使用DOM元素设置边框，您需要提供宽度、颜色和样式，如：

document.getElementById("ex1").style.border="1px solid #0000FF";

实际上，学校说：

看看这个：

并定义您的功能：

<script>

function mark(imageId) {
    document.getElementById(imageId).style.border = "1";
}

</script>

函数fnChangeBorder（imageId）

{document.getElementById（imageId）.style.border=“solid#AA00FF”}

这是该问题的代码

<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>


函数sayHello（）{
var boyElement=document.getElementById（“boy”）；
boyElement.style.border=“3px纯红”；
}

很抱歉，我使用了elementById-仍然不起作用。。还修复了引号：）仍然不起作用您也不希望将

imageId

作为

getElementById（）

的参数放在引号中。这很好！现在它开始工作了！W3学校说style.border=“1”应该足够了-我想是不行的。如果我想取消边框，是否应该将其更改为空引号“”？@UdiLivne-请参阅我上面的评论。我忘了用

@username

通知你。太棒了！将此边框取消为默认无边框样式的正确属性是什么？@JaredFarrish，在选择和取消选择后，仍然有一个蓝色阴影，您能告诉我如何删除它吗？答案是肯定的+1:）@Jared Farrish-我不是真的，只是指出他们确实给出了正确的答案！有时我们都很幸运。试试看，这样你就不会被骚扰了。