Save a javascript object in an HTML object

Question

Is there any way to save a javascript tag in an HTML object? What I would like to do is something like this:

<div id="htmlTag">some text</div>
<script type="text/javascript">
    htmlTag.something = {s:"a string",n:1,b:false,a:[3,2,1],f:function(){alert("hello")}}
</script>

@NiettheDarkAbsol I would like to save javascript information related to the HTML object but that doesn't concern it directly. — Donald Duck, May 24 '16 at 16:35
@DonaldDuck What do you mean by "but that doesn't concern it directly"? — guest271314, May 24 '16 at 16:52
@guest271314 If it doesn't exist the HTML object will work and look exactly the same as if it exists. — Donald Duck, May 24 '16 at 16:59

score 1 · Answer 1 · answered May 24 '16 at 16:36

1

You can convert JS objects to JSON string with this plugin, if that is what you want to achieve.

var json_data = JSON.stringify(yourObj);

answered May 24 '16 at 16:36

Ales Maticic

1,895
3
13
27

score 1 · Accepted Answer · edited Feb 09 '17 at 18:41

1

I think your only problem is you're not getting the node.

document.getElementById("htmlObject").something = {hi: 1};

edited Feb 09 '17 at 18:41

Donald Duck

8,409
22
75
99

answered May 24 '16 at 16:36

tanenbring

780
4
14

that said, I can't imagine a good use case for this unless you're developing some sort of html/js framework. – tanenbring May 24 '16 at 16:38
That doesn't work in old versions of IE and I would like my HTML to be compatible with them. – Donald Duck May 24 '16 at 16:42
1

then use `document.getElementById("htmlObject")` – tanenbring May 24 '16 at 16:43

score 0 · Answer 3 · answered May 24 '16 at 16:38

0

You can do this using the javascript function JSON.stringify()

Javascript

<div id="htmlTag">some text</div>
<script type="text/javascript">
    document.getElementById('htmlTag').something = JSON.stringify({s:"a string",n:1,b:false,a:[3,2,1],f:function(){alert("hello")}});
</script>

Here is a JSFiddle : https://jsfiddle.net/LcrLeg8a/1/

answered May 24 '16 at 16:38

Sofiene Djebali

4,398
1
21
27

You actually don't need to stringify. Node elements are treated similar to regular js objects, so you can add arbitrary properties to it. – tanenbring May 24 '16 at 16:44

Save a javascript object in an HTML object

3 Answers3