0

JavaScript でボタンを作成しました。ボタンにテキストではなく画像を使用したいのですが、これを行う方法がまだ見つかりません。これまでのところ、私が参照したソースは何らかの理由で機能していません。私がこれまでに持っているものは次のとおりです

Javascript

var sb=doc.createElement('input');              
sb.type='button';
//sb.value='Find';
sb.src = "url(/Resources/Icons/appbar.next.rest.png)";
sb.style.height='100%';
//sb.style.width='20%';

/Resources/Icons/appbar.next.rest.png私のプロジェクトのディレクトリに私のイメージが配置されている場所。ボタンに画像を適切に使用する方法について、誰かが私を正しい方向に向けることができますか? 私は JavaScript を初めて使用するので、リンク、コード、または指示をいただければ幸いです。

4

3 に答える 3

1 
Use input type="image", or use a button element with an <img> child.

例えば：

    <input type="image" src="art/clips/eightbll.gif" 
     name="input_img" width="63" height="64">

or

    <button type="button" id="input_img"> 
    <img src="art/clips/eightbll.gif" 
     alt="Image input control" width="63" height="64">
    </button>
于 2012-04-13T03:59:40.073 に答える
0

ボタンに画像を追加するには、入力のタイプをボタンから画像に変更できます。

var body = document.getElementsByTagName("body")[0];
var s = document.createElement("input");
s.src = "http://www.gravatar.com/avatar/a4d1ef03af32c9db6ee014c3eb11bdf6?s=32&d=identicon&r=PG";
s.type = "image";
body.appendChild(s);

変更できます。

http://jsfiddle.net/6HdnU/

于 2012-04-13T04:01:38.217 に答える
-1

このページに基づいて、ボタンをinput type="image"使用type="image"して何かを行うことを計画している場合 (サーバー上またはJavaScript.

基本的に、ボタンの純粋な html プロパティを使用して入力を表示する代わりに、CSS のbackground-imageプロパティを使用する必要があります。

あなたのものに一致するjs：

var sb=doc.createElement('input');              
sb.type='button';
sb.class='myImageButton';

そしてこのcssで：

input.myImageButton {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-indent: -3000px;
  background: url(/Resources/Icons/appbar.next.rest.png) no-repeat 50% 50%;
  /* width: 20%; */
  height: 100%;
}

動作するはずです。

このボタンの値を使用して何もしていない場合、この回答は時間の価値がないことを指摘する価値があるでしょう。しかし、あなたは確信した方がよいでしょう。

于 2012-04-13T04:16:32.913 に答える