How to output jquery code in InnerHTML function?

Question

Im trying to output jquery code in innerHTML function, here i provide simple example of problem, if i output var b than it works but a doesnt.

<p class="test">a</p>
<script>
document.getElementsByClassName("test")[0].innerHTML = myFunc(); 
function myFunc() {
var b = "hey";
var a = $(".test").text("F:\\PROD\\DATA\\Logglistor\\Logglistor " + new Date().getFullYear());
return a;
}
</script>
</body>

All the javascript links are right , i just didnt add them here! — Alb Bolush
– Alb Bolush, Commented Aug 3, 2018 at 14:26
Hi @Pikolinos, I don't understand what it is that you want to output. You want: "F:\\PROD\\DATA\\Logglistor\\Logglistor 2018" to be the output? — Victoria Ruiz
– Victoria Ruiz, Commented Aug 3, 2018 at 14:29
That's some very muddled code. For one thing you have syntax errors (always check the console.) — Mitya
– Mitya, Commented Aug 3, 2018 at 14:29
Yes i try to ouput :"F:\\PROD\\DATA\\Logglistor\\Logglistor 2018" — Alb Bolush
– Alb Bolush, Commented Aug 3, 2018 at 14:31

Xeewi · Accepted Answer · 2018-08-03 14:29:04Z

1

You must concat your string in .text()

Like that :

var a = $(".logglistPath").text("F:\\PROD\\DATA\\Logglistor\\Logglistor " + new Date().getFullYear())

answered Aug 3, 2018 at 14:29

Xeewi

391 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Alb Bolush Over a year ago

i made mistake writing it here , it doesnt help

Xeewi Over a year ago

Yes sorry i see it after. Why did you do $('.logglistPath) ? Because here, you get the element and you set the content. So after a is a jquery object, not a string

Xeewi Over a year ago

Ahah no probleme ! :)

Mamun · Accepted Answer · 2018-08-03 14:29:48Z

0

You have to return text from the function and also you have to concatenate (+) the year with the other part of the string:

document.getElementsByClassName("test")[0].innerHTML = myFunc(); 
function myFunc() {
  var b = "hey";
  var a = "F:\\PROD\\DATA\\Logglistor\\Logglistor " + new Date().getFullYear();
  return a;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="test">a</p>

answered Aug 3, 2018 at 14:29

Mamun

69k9 gold badges51 silver badges62 bronze badges

1 Comment

Alb Bolush Over a year ago

my problem was this line $(".test").text , i added twice to innerHTML and had [Object object] problem, thanks!

Collectives™ on Stack Overflow

How to output jquery code in InnerHTML function?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related