How transform the same button in a text jquery

Question

I need to transform this :

<input type="button" value="O">

In a text. Anyone can help me?

I would that this button in a page became a text (only text)! — Fuffy, May 19 '15 at 08:39

score 1 · Answer 1 · edited May 23 '17 at 11:51

1

$('input')[0].outerHTML

demo

Get selected element's outer HTML

edited May 23 '17 at 11:51

Community

1
1

answered May 19 '15 at 08:38

AmmarCSE

28,122
5
36
49

score 0 · Answer 2 · edited May 23 '17 at 11:51

0

Using the following straight DOM code works just fine:

var input = document.createElement('input');
input.type = 'button';
document.body.appendChild(input);
input.type = 'text';
input.value = 'this is text';

more infos Here

edited May 23 '17 at 11:51

Community

1
1

answered May 19 '15 at 08:41

Maraboc

9,461
2
30
45

@Fuffy you want to change the type of input to text instead of button are't you? – Maraboc May 19 '15 at 09:29

score 0 · Accepted Answer · answered May 19 '15 at 08:43

If I have understood the question correctly following snippet you should do the trick:

$('input[type=button][value=0]').replaceWith(function() {
    return document.createTextNode(this.outerHTML);
});

The above snippet basically replaces the element with it's string representation.

http://jsfiddle.net/aet4u3e1/

score 0 · Answer 4 · answered May 19 '15 at 09:20

0

You can use in pure HTML like this.

<pre>
    &ltinput type="button" value="O"&gt
</pre>

Using java script you can find and replace < >.

Ex: HTML.replace(/&/g, '&amp;').replace(/</g, '&lt;');

answered May 19 '15 at 09:20

PHJCJO

397
2
15

How transform the same button in a text jquery

4 Answers4