-1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style  type="text/css">
div.main1{
background-color:#EEE;
border: 2px dotted;
padding: 5px;
}
div.sub{
background-color:#DDD;
border: 1px dashed;
padding: 3px;
width:50%;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<script type="text/javascript">
function showOptions(box){
box.childNodes[0].style.visibilty = "visible";
box.childNodes[1].style.visibilty = "visible";
}

function hideOptions(box){
box.childNodes[0].style.visibilty = "hidden";
box.childNodes[1].style.visibilty = "hidden";
}
</script>
<center>

<div class="main1">
<div class="sub" onmouseover="showOptions(this);" onmouseout="hideOptions(this);"><input />               
</div>

</center>
</body>
</html>

上記は私が使用しているコードの例です。私は Dreamweaver を使用しています...私の懸念は、showOptions(box) メソッドで「ボックス」の後に Ctrl + スペースを押すと、DOM オブジェクトのオプションが表示されないことです。 、HTML + Javascriptにまったく慣れていないため、意味をなさない場合はお詫びします。基本的に、私がやろうとしているのは、指定された引数がHTML要素の関数にあるかどうかを確認することです。そうであれば、そのようなメソッドにアクセスできるようにします「childNodes」または「setAttribute()」などとして..

これは可能ですか？

4

2 に答える 2

2

あなたが説明しているのは、Intellisense/code Hinting と呼ばれます。私が理解している限りでは、Dreamweaver はこれに関してあまりうまく機能していません。

別のエディターを使用することを考えましたか? 主に .Net 以外のコードを使用している場合は、Komodo Editのようなものかもしれません。

.Net ルートをたどる場合は、もちろんVisual Studio Expressがあり、Intellisense/コード ヒンティングでより優れた機能を発揮します。

編集

また、メソッド自体でインテリセンスを見ようとしています - これは意図ではありません。AT メソッドを別の場所から見ることを目的としています。したがって、理想的には、以下に示す場所で CTRL+space を実行します。

    onmouseover="showOptions(this);"
    -------------------------^Here

別の編集

また、あなたのコードを見ると、うまくいきません..

存在しない子を参照しています:

box.childNodes[1].style.visibilty = "hidden";

childNodes はゼロから始まるので[0]、input. [1]なんでもない。

ついに

Firefoxと Firebugをインストールすることをお勧めします。Firebugは、すべての JavaScript をデバッグするのに役立ちます。問題が何であるか/どこにあるかを伝える素晴らしい仕事をします。

于 2012-11-16T20:28:24.997 に答える
0

JSDOC を使用して、IDE に型に関するヒントを与えることができます

/**
 * @param {HTMLElement} box
 */
function showOptions(box){

}

多くの IDE は、その情報を読み取り、HTMLElement の正しいメソッドを提供できます。ただし、後でctrl +スペースを押した場合に何を提案するかを知っているほど賢い人は見たことがありませんbox.childNodes[i]

于 2012-11-16T20:34:41.817 に答える