特定の文字の後にあるすべての文字を削除する

Question

これは簡単な作業ですが、私のJavascriptの知識は（非常に）限られており、これを動作させることができません。私は徹底的に調査し、投稿する前にいくつかの同様の質問を読んだが、まだ運がない。私は特定のdiv内のコンマの後にすべての文字を削除しようとしています。私のJavascript（とプログラミング一般）の理解が私をここに限定しています。

var s = document.getelementsbyclassname('menu-staff'); 
 
s = s.substring(0, s.indexOf(',')); 
 
document.write(s);

<div class="menu-staff">Value One, Value Two, Value Three, Value Four</div>

私は、これは変数に保存されている静的な文字列のために働くことを得ることができますので、私はJavascript機能が働く知っている、それは単に右、クラスでdiv要素をターゲットに問題がなければなりません？初心者の方に感謝します。私はこれが重複としてフラグが立てられ、数時間で削除されると完全に期待していますが、うまくいけば誰かが無知なデザイナーを光の方に導くほど親切になるでしょう。 :)

Answer 1

は、最初のものを部品にあなたの文字列を分割してからちょうど出力。場合は、**重要

var str = document.querySelector('.menu-staff').innerHTML; 
 
console.log(str); 
 
var parts = str.split(','); 
 
document.write(parts[0]); //Pssst... You shouldn't use document.write. Manipulate the DOm instead.

<div class="menu-staff">Value One, Value Two, Value Three, Value Four</div>

Answer 2

あなたは配列にカンマで区切られた、あなたの文字列の部分を分割し、ちょうど最初の要素を保つことができる：

var s = "bonjour, et bienvenu"; 
console.log(s.split(",")[0]); // bonjour