I construct a table by concatenating elements to a string. Then I assign the string to a div.element.innerHTML. The contents change. Single quotes become double. A tag appears. Why?

Code

var MyString = "<table border='0' cellspacing='0' cellpadding='3'><tr>";

// added cells and more rows ...

MyString += '</tr></table>';
console.log ( MyString );
elemWordList.innerHTML = MyString;

Firefox 128.0 Console.log

GMEPFDERQPAUYTVIMUBTJGHUWKHRBLQQPAOYXNQZSZEEENMBOZIGOMRHXCNLVEAXADBPUSKMBQHONANIANCSBVPTHRDITUFMYBAT MorseTimer.js:337:11
GMEPFDERQPAUYTVIMUBTJGHUWKHRBLQQPAOYXNQZSZEEENMBOZIGOMRHXCNLVEAXADBPUSKMBQHONANIANCSBVPTHRDITUFMYBAT

I thought I could build the innerHTML without using the intermediate MyString.