Question

-5

Insert < span> in < p> element

rated 0 times [ 1] [ 6] / answers: 1 / hits: 30013 / 11 Years ago, thu, october 3, 2013, 12:00:00

I got like;

<p>Variable Text</p>

And I want to it to be;

<p>Variable <span>Text</span></p>

Is this possible by a javascript function? / or jQuery.

Oh yeah, and the p-element got an ID and the text inside the p-element is variable but always consists of 2 words. I want a span around the last word of the text by a javascript function.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

miles

Add To Favorites

Follow

Total Points: 256

Total Questions: 111

Total Answers: 104

Location: Benin

Member since Fri, Mar 24, 2023

1 Year ago

miles questions

1 TypeError: Cannot read property 'then' of undefined Jest and Nest

Sun, Jan 30, 22, 00:00, 2 Years ago

1 Example: Doughnut | Error: Uncaught ReferenceError: Utils is not defined

Tue, Apr 27, 21, 00:00, 3 Years ago

1 How to block typing e and - characters in React Hook Form input?

Fri, Apr 9, 21, 00:00, 3 Years ago

1 Environment variables in svelte + rollup

Mon, Jun 29, 20, 00:00, 4 Years ago

1 How to calculate the time left in days, hours, minutes, and seconds left to reach certain day?

Mon, Jun 22, 20, 00:00, 4 Years ago

View All

answered 11 Years ago jarod · Accepted Answer

Try this

var txt = Hello bye;

var dataArr = txt.split(' ');



var paragraph = document.getElementById(pid);

paragraph.innerHTML = dataArr[0]+  <span>+dataArr[1]+</span>;

Here is a demo